Web developmentBeginner

Bootstrap 5

Ship polished responsive interfaces without writing every rule.

Bootstrap gives you a grid, components and utilities that work out of the box. Learn the system properly so you customise it instead of fighting it, then build an accessible dashboard.

10 lessons 26 hours Certificate included Self-paced

Start the first lesson View curriculum

Reviewed and updated October 2026 · Free to start

What you will learn

By the end, you can do this.

Build responsive layouts with the grid
Use components without breaking accessibility
Customise Bootstrap variables and utilities
Ship a responsive dashboard

Curriculum

10 lessons in 1 module

290 practice drills included for extra repetition

0/10 complete

01Setup and the gridLoad Bootstrap from a CDN and place content with containers, rows and columns. Challenge 12 min 02Containers and spacingControl width and rhythm with containers and the spacing scale. Challenge 11 min 03Typography and tablesUse display headings, text utilities and accessible table variants. Challenge 12 min 04Forms and validationBuild labelled, accessible forms and wire Bootstrap validation states. Challenge 14 min 05Buttons and badgesChoose button variants, sizes and states without breaking semantics. Challenge 10 min 06Cards and imagesCompose cards with images, text and actions, and keep images responsive. Challenge 12 min 07Navbar and navigationBuild a responsive navbar with a mobile toggler and a dropdown. Challenge 13 min 08Modals and offcanvasOpen dialogs and side panels with accessible focus behaviour. Challenge 14 min 09Utilities and responsive rulesUse display, flex and spacing utilities to adapt the same markup across breakpoints. Challenge 12 min 10Build an accessible dashboardAssemble a responsive dashboard with cards, a table, a modal and keyboard-friendly navigation. Challenge 26 min

Certification

Finish the course. Prove the skill.

Complete every lesson, then pass a timed assessment to earn the Bootstrap 5 Certificate. Each credential has a unique ID and a QR code that resolves to a live public record.