Bootstrap Tutorial

The classic component-based CSS framework — grid system, components and utilities.

Start the Bootstrap tutorial →

What you'll learn

1. Bootstrap Introduction

What Bootstrap is, installing it via CDN or npm, and the container/row/column philosophy.

2. The Grid System

Bootstrap's 12-column grid, responsive breakpoints, gutters, and offsetting columns.

Navbar, cards, modals and forms with Bootstrap 5, built entirely on vanilla JavaScript with no jQuery required.

4. Utilities & Customization

Spacing, flex and display utility classes, and customizing Bootstrap through its Sass variables.

5. Sass Customization In Depth

Extending the $theme-colors map, trimming the build to only what you use, the utilities API, and a complete custom-themed example.

6. Accessibility with Bootstrap

What Bootstrap's components handle for you out of the box, and what you still need to add yourself.

7. Bootstrap Interview Questions

Commonly asked Bootstrap interview questions with clear, practical answers.