Frontend

Bootstrap 5 Tutorial

Bootstrap 5 grid, utilities, forms, navbars, modals, and theming. Learn when to use Bootstrap vs custom CSS, with production-ready layout patterns for Toolliyo-style apps.

19 lessons 30 views Beginner Free
Start lesson 1
Bootstrap 5 Tutorial tutorial

Course contents

Bootstrap 5

1 Introduction to Bootstrap 5 5 min 2 Grid System and Breakpoints 5 min 3 Buttons, Cards, and Navbar 5 min 4 Forms and Validation Styles 5 min 5 Bootstrap Utilities and Icons 5 min 6 Customize Bootstrap Theme 5 min

Bootstrap 5 Fundamentals

7 Introduction to Bootstrap 5 and CDN Setup 5 min 8 Bootstrap Containers, Grid, and Breakpoints 5 min 9 Bootstrap Typography and Color Utilities 5 min 10 Bootstrap Buttons, Badges, and Alerts 5 min

Bootstrap 5 Components

11 Bootstrap Navbar and Navigation 5 min 12 Bootstrap Cards, List Groups, and Tables 5 min 13 Bootstrap Forms and Validation Styles 5 min 14 Bootstrap Modals, Dropdowns, and Collapse 5 min 15 Bootstrap Icons and Spacing Utilities 5 min

Bootstrap 5 Production

16 Customize Bootstrap with Sass Variables 5 min 17 Bootstrap Dark Mode and Theme Tokens 5 min 18 Bootstrap with React and Build Tools 5 min 19 Bootstrap Interview Questions and Answers 5 min

How this course is organized

  • Each lesson includes overview, steps, code, and interview tips
  • Use the sidebar on lesson pages to navigate
  • Content is original to Toolliyo—not copied from other sites
Begin first lesson Interview Q&A

Course quizzes

React.js — Practice Quiz Node.js — Practice Quiz MERN Stack — Practice Quiz

Test your knowledge

Quizzes linked to this course—pass to earn certificates.

React.js — Practice Quiz
Test your understanding of React.js Tutorial. Components, hooks, state, and modern React p…
Intermediate 15 min
Node.js — Practice Quiz
Test your understanding of Node.js Tutorial. JavaScript on the server with Express and API…
Intermediate 15 min
MERN Stack — Practice Quiz
Test your understanding of MERN Stack Tutorial. MongoDB, Express, React, and Node.js full-…
Intermediate 15 min
MEAN Stack — Practice Quiz
Test your understanding of MEAN Stack Tutorial. MongoDB, Express, Angular, and Node.js end…
Intermediate 15 min
jQuery — Practice Quiz
Test your understanding of jQuery Tutorial. DOM manipulation and AJAX with jQuery.
Intermediate 15 min
JavaScript — Practice Quiz
Test your understanding of JavaScript Tutorial. ES6+, DOM, async JavaScript, and modern br…
Intermediate 15 min
Browse all quizzes