HowToCodePage

Bootstrap 5

A ready-made responsive component framework.

💡
This course has 3 lessons. Start with the first one and use the next / previous links at the bottom of each lesson — the sidebar keeps the whole course in order.

Lessons

  1. The grid systemContainers, rows and columns, the six breakpoints, gutter classes, and the layout recipes that cover most pages.
  2. Navbar, modal and formsAssemble a collapsing navbar, drive a modal with data attributes or JavaScript, and use the validation classes for what they are.
  3. 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

Last refreshed 2026-09-17.