Bootstrap 5: Fundamentals
Bootstrap is the most popular CSS framework for creating responsive mobile-first websites. This course will teach you how to create your first pages of a website using the Bootstrap v5 framework.
What you'll learn
Bootstrap is a vital tool in the toolbox of a web developer. It is key to creating responsive mobile-first websites. In this course, Bootstrap 5: Fundamentals, you’ll learn to use the Bootstrap framework in a hands-on way, covering v5 of the framework. First, you’ll explore the key parts of the Bootstrap 5 framework so you understand what Bootstrap can help you achieve. Next, you’ll discover how to create a responsive layout based on the Grid and other Bootstrap classes. Finally, you’ll learn how to add components to enhance the experience users will have on your site. When you’re finished with this course, you’ll have the skills and knowledge of Bootstrap v5 needed to build modern, mobile-first websites.
Table of contents
- Module Introduction 1m
- Understanding Bootstrap Components 4m
- Demo: Adding a First Component: Progress 4m
- Adding Components to Our Pages 3m
- Demo: Using the nav and navbar Components 7m
- Demo: Adding the Breadcrumb Component 3m
- Using a Card Component 2m
- Demo: Using the Card in the List Page 4m
- Summary 1m
- Module Introduction 1m
- Exploring Forms with Bootstrap 5m
- Demo: Creating a First Form 3m
- Form Layout 3m
- Demo: Applying Different Form Layouts 4m
- Using the Bootstrap Form Components 2m
- Demo: Discovering Form Components 5m
- Demo: Creating the Order and Payment Form 9m
- Demo: Working with Input Groups 2m
- Adding Form Validation 2m
- Demo: Adding Form Validation 3m
- Summary 1m
- Module Introduction 1m
- Using Interactive Components 2m
- Adding Interactive Components to Our Site 2m
- Demo: Adding the Carousel to the Home Page 6m
- Demo: Adding the Offcanvas as the Shopping Basket 6m
- Demo: Adding the Modal Component 3m
- Demo: Using a Toast 3m
- Demo: Adding a Dropdown 4m
- Demo: Adding the Collapse 1m
- Summary 1m
- Module Introduction 1m
- Using the Bootstrap Icons 3m
- Demo: Adding Bootstrap Icons to the Site 3m
- Demo: Recreating the Jumbotron Component 3m
- Demo: Bringing in the Masonry Layout 2m
- Demo: Using the According to Group Items 2m
- Demo: Working with Bootstrap Colors 2m
- Demo: Bringing in Bootstrap Interactions 1m
- Summary and Course Closing 1m
About the author
Gill Cleeren is a Microsoft Regional Director, MVP and Pluralsight author. Gill is the CTO of Xebia Microsoft Services Belgium and focuses on web and mobile architecture. He's also a frequent speaker at many international conferences. Gill also founded Techorama, the biggest IT conference in Belgium and the Netherlands.