Bootstrap Course

Bootstrap is a CSS framework that gives you a working, responsive design system out of the box — a grid, a full set of pre-styled components, and a huge library of utility classes — so you can build a decent-looking page without writing layout CSS from scratch.

What you'll learn

This course assumes you already know HTML and CSS (see the HTML and CSS courses if you need a refresher) — Bootstrap doesn't replace that knowledge, it just gives you a shortcut for common layout and component work. You'll start with the grid system, the single idea most of Bootstrap's layout power comes from, then move through the components you'll reach for constantly: buttons, forms, navbars, cards, alerts, and modals.

Every lesson shows real HTML with Bootstrap's classes applied, alongside an exact, concrete description of what it renders as — colors, spacing, and layout included — so you can see precisely what each class is doing before you try it yourself.

Lessons

  1. Introduction
  2. The Grid System
  3. Typography & Colors
  4. Buttons
  5. Forms
  6. Navbar
  7. Cards
  8. Alerts & Badges
  9. Modals
  10. Utility Classes
Where to start: begin with Introduction and go in order — the grid system in lesson 2 is the foundation almost every later component leans on, so skipping it will leave gaps.