Bootstrap 5 Create Responsive mobile first websites (Udemy.com)
In this complete course students will learn how utilize Bootstrap to create webpages. HTML CSS JavaScript
Created by: Laurence Svekis
Last updated November 2022
What you will learn
- How to create responsive mobile ready websites with Bootstrap 5
- Bootstrap 5 how to create navbar modal slideshow and more
- Whats new with Bootstrap 5 new classes and styling
- Use Bootstrap 4 to create websites quickly
- Learn about the Changes from Bootstrap 3 to Bootstrap 4
- Access, setup and use Bootstrap in web projects
- Create websites from scratch using Bootstrap 4
- learn how to build Bootstrap 3 which is Bootstrap 4 ready
- create mobile ready responsive websites rapidly
Course Description
Bootstrap 5 included - now Bootstrap is better than ever!
Bootstrap lets you build fully responsive - mobile first websites quickly and easily
Apply the prebuilt classes, and element attributes bringing in the amazing functionality of Bootstrap.
The new Bootstrap 5 components provide more options for styling and more responsiveness than ever before.
Bootstrap 5 now is switched off of jQuery and now uses JavaScript only.
Course includes source code and coding examples for the commonly uses Bootstrap classes.
Bootstrap Getting Started with Bootstrap Rapid Web Development
Bootstrap 5 Containers Fluid and container classes
Bootstrap 5 Grid Rows and Columns setting col and rows
Text and Typography in Bootstrap 5
How to update Image Classes within Bootstrap 5
How to use Bootstrap 5 Table Classes
Examples of Bootstrap 5 Colors for elements
Interactive Bootstrap 5 Alerts Components close and open
Bootstrap 5 Accordion Components hide and show element content
Bootstrap 5 Buttons Components Outlines backgrounds and interactions
Card Component Bootstrap 5 setting header footer and content body
Bootstrap 5 Nav and NavBar Responsive Mobile ready resizing nav menu
Bootstrap 5 Carousel slideshow for images with Bootstrap made easy
Bootstrap 5 Modal component popup content with button clicks
Bootstrap 5 Utilities for text padding margins positioning of element content
Bootstrap, the world’s most popular front-end open source toolkit lets you rapidly create, customize and develop websites using the Bootstrap components and styling classes.
New updated content and covering several versions of Bootstrap.
Also includes previous versions of Bootstrap - loaded with examples on how to create web pages with Bootstrap.
How to use Bootstrap 5 Containers
Explore the Bootstrap 5 Grid Rows and Columns
Apply Text and Typography in Bootstrap 5
How to update Image Classes
Bootstrap 5 Table Classes with Examples
Bootstrap 5 Colors Primary Success Info Danger Dark Light
Bootstrap 5 Alerts Components how to activate them
Bootstrap 5 Accordion Components hide and show content
Bootstrap 5 Buttons Components Outline and Background colors
Card Component Bootstrap 5
Bootstrap 5 Nav and NavBar Responsive mobile ready resizing navbar
Bootstrap 5 Carousel Create a slideshow with interactive options Image Slider
Bootstrap 5 Modal component Modal options and examples
Bootstrap 5 Utilities text color padding margin align sizing positioning elements
Loaded with NEW Fresh content and 3 website examples +++++ all the source code ++++++
Lots of new content - create 3 websites with Bootstrap 4 from scratch
First 3 sections are Bootstrap 4.4 - later lessons are Bootstrap 4 alpha
Bootstrap does come in different versions - the versions might have different classes and require various attributes or functionality. Please note the Bootstrap version you are using.
Review and coding examples of Bootstrap 4 components.
Massive update just to this course, see what’s new with Bootstrap
Course lessons are answers to commonly asked questions in my Bootstrap courses
Demo how to build sample websites with Bootstrap 4 - step by step
Jump right into coding, first lessons cover creating Bootstrap 4 websites
Followed by a code syntax review - see what’s possible and how it can be used to rapidly create websites with Bootstrap. Customize your website content easily. Your wireframe and webpage design from start to finish with Bootstrap.
Create your website in 4 easy steps
Setup HTML template typical structure for a website
Build the Grid with Bootstrap
Add components to showcase the required content
Make adjustments with colors and other utilities.
Bootstrap components covered in the lessons
Covers everything you need to get started with Bootstrap 4
Bootstrap 4 Layout Quick HTML page structure
Use of popular Bootstrap 4 Components
Bootstrap 4 Alerts
Bootstrap 4 Badges
Using Breadcrumb from Bootstrap 4
Cool Bootstrap 4 Buttons
Explore Bootstrap 4 Cards
Carousel creation of amazing slideshows Bootstrap 4
Collapse content accordion and more Bootstrap 4
Dropdowns with Bootstrap 4
Bootstrap 4 Forms formatting with Input groups
Jumbotron to make your content stand out Bootstrap 4
List groups grouping content in lists Bootstrap 4
Wow Bootstrap 4 Modals
Responsive collapsing Nav and Navbars Bootstrap 4
Pagination with Bootstrap 4
Easy Bootstrap 4 Popovers
Progress bar and more Bootstrap 4
Scrollspy to active navbar Bootstrap 4
Spinners for Bootstrap 4
Bootstrap 4 Toasts
Adding Bootstrap 4 Tooltips
Bootstrap 4 framework - rapid website development - select and add classes to build your website.
Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
_________________________________________________________________________
Bootstrap enables you to create websites quicker and easier than ever!
Let us introduce you to using Bootstrap to create websites
Here is What You Will Learn In our Complete Course!
Examples of how to setup Bootstrap within your webpages
Source Code included to work along with the course content
Examples of New Bootstrap 4 changes
Its easier than ever to create Bootstrap themes with Bootstrap
Grid system which is the heart of Bootstrap - with examples of the new improved functionality of Bootstrap 4 grid system
Wells and thumbnails are now replaced with Cards - new extendable container
Core fundamental concepts of Bootstrap
How to create websites with Bootstrap
The new and improved navigation bar for Bootstrap
Instructor Details
- 4.4 Rating
628 Reviews
Laurence Svekis
Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.
I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.
My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.
I’m especially known for:
Google Apps Script & Google Workspace automation
Building AI-powered assistants and learning tools
JavaScript for real-world applications
Using AI to improve learning, productivity, and workflows
More courses by Laurence Svekis
Complete Google Workspace (G Suite), Beginner - Advanced (2025)
4.6 (10,757 Reviews)
Provider: Udemy
Time: 23.2h
$84.99
Frontend web developer Modern HTML CSS JavaScript (2025)
4.5 (6,723 Reviews)
Provider: Udemy
Time: 12.2h
$64.99
Web Developer Course HTML CSS JavaScript Learn Web Design (2024)
4.5 (5,865 Reviews)
Provider: Udemy
Time: 5.9h
Free
Google Apps Script Complete Course Beginner to Advanced (2025)
4.7 (3,971 Reviews)
Provider: Udemy
Time: 27.7h
$14.99
Modern Web Design HTML5 CSS3 beginners guide to Websites (2023)
4.4 (1,915 Reviews)
Provider: Udemy
Time: 3h
$11.99
More Bootstrap courses
Bootstrap Basics: Program Responsive Websites (2015)
4.7 (515 Reviews)
Provider: Udemy
Time: 3.2h
$19.99
Bootstrap 4 From Scratch With 5 Projects (2018)
4.6 (17,122 Reviews)
Provider: Udemy
Time: 11.3h
$84.99
The Ultimate Bootstrap Guide - Bootstrap 5 from Scratch (2025)
4.6 (3,414 Reviews)
Provider: Udemy
Time: 21.3h
$84.99
Bootstrap Studio 6.7 with 3 static and 1 dynamic projects (2025)
4.6 (412 Reviews)
Provider: Udemy
Time: 12.4h
$99.99
Reviews
By Ray Kingdon on 5/8/2021
Laurence Svekis. This is a name you can trust. I bought his Bootstrap series some years ago as Bootstrap 4 but left it unvisited. Now attracted by Bootstrap's updated version (5) I returned to the framework and found that Mr Svekis has provided a comprehensive free update. Many authors wouldn't have done this. He did.
By Sven Riedel on 10/9/2017
Instructor takes very long to get to the point and then belabours the point (once he gets there) until the horse is dead. Explanations are at times unhelpful ( e.g. "the difference between push and pull is that with push you push it over and with pull you pull it over", or explains the composition of css class names without actually highlighting the class name he's talking about, just showing the entire html5 document in the editor). It takes 10 vidoes to start to get the actually interesting stuff, i.e. the basics of the grid system. The history, installation and set up of bootstrap should really only take 2 videos max. Even sped up to 1.5x I'm having a very hard time keeping focused on what is being said since there is so much fluff and repetition between the pertinent parts.
By Monika sai on 9/20/2017
One thing I would expect is to provide a real application for the student to solve. The student while performs hands-on that exercise, the instructor should also provide a solution with explanation so that the student can match his solution with the one provided by the instructor.
By Gian Py on 6/18/2017
Really great course, it helped me a lot. I used also documentation and examples from Bootstrap official website. These combination has helped me a lot to became more proficient in using Bootstrap 4. Thank you for making this course, it has helped me. All the best, Gian
By John Cobb on 5/28/2017
Great course. The instruction broke everything down into easy-to-understand bits. I finished the course feeling comfortable with Bootstrap and understanding how it works.
By Nick Coleman on 1/30/2017
Overly wordy presentation with disjointed flow ... instructor jumps around to correct code/css styling which is probably how you'd work in the real world -- but is distracting when trying to learn concepts. The course content is broken up structurally by Bootstrap component ... so, it will be easy to use for quick reviews of a specific component.
By Subramanian S on 12/17/2016
Excellent course.All the topics were very clear and understandable which is very essential to design an excellent website.Looking forward to learn with Laurence in future courses.
By Johan Kullingsjo on 11/25/2016
Probably the best Bootstrap course on Udemy. He shows the basic to get started and provides lot's of references to other resources. Unlike many other bootstrap courses that just copy and paste from the bootstrap project page he writes the code which provides for a better learning experience.
By Iyare Usen on 9/21/2016
The course gave me a solid foundation on the bootstrap framework. The lecture went soft and easy. It would be even much better if a web project was developed along side the course. I recommend it for every learner.
By Devva Maulana Alfitrah on 8/4/2016
Easy to follow , lecturer used many sites and a very useful tool for creating websites . I think there are some topics that need more examples of cases . such as the form and the grid system. overall this course is very usefull and easy to understand even for someone who is new to bootstrap . Sorry for my bad english :)
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 88 / 100












