Skip to content
UdemyBootstrapPaid courseBeginner levelCertificate

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

icon
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

icon
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

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

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

icon
More courses by Laurence Svekis

$84.99

$64.99

Free

$14.99

Free

$11.99

icon
More Bootstrap courses

$89.99

$19.99

$84.99

$84.99

$79.99

$99.99

icon
Reviews

4.4

628 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

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 :)

Showing all 10 reviews on CourseDuck

Read all 628 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100