Bootstrap 5
A ready-made responsive component framework.
Bootstrap 5 is taught here in 3 lessons, running from The grid system through to Utilities and Sass customisation. Each lesson takes one topic, shows the working code, and links onward to the next, so the course can be read straight through in order.
| Track | Front-end Development |
| Lessons | 3 |
| Level | Beginner |
| Reading time | about 39 minutes |
| Prerequisites | Helpful, but not required: Tailwind CSS |
Lessons
- The grid systemContainers, rows and columns, the six breakpoints, gutter classes, and the layout recipes that cover most pages.
- Navbar, modal and formsAssemble a collapsing navbar, drive a modal with data attributes or JavaScript, and use the validation classes for what they are.
- Utilities and Sass customisationThe utility API in practice, colour modes driven by data-bs-theme, and rebuilding Bootstrap from Sass to change the design system properly.
More in Front-end Development
HTML CSS JavaScript TypeScript HTML DOM AJAX JSON Tailwind CSS Foundation Vue.js React Next.js Angular jQuery ECharts Chart.js SVG Font Awesome
FAQ
How long does the Bootstrap 5 course take?
It has 3 lessons, about 39 minutes of reading. Expect roughly twice that if you type out and run every example.
Do I need prior experience for Bootstrap 5?
Not strictly. It helps to have read Tailwind CSS first, because some lessons build on it, but every lesson explains its own assumptions.
What should I read after Bootstrap 5?
Continue with Foundation (3 lessons), the next course in Front-end Development.
Last refreshed 2026-09-18.