Skip to content

Bootstrap Reference

Summary

Below you will find a collection of tutorials teaching the basics of the Bootstrap grid system. Note: These tutorials work for both Bootstrap 4 and Bootstrap 5.

Before You Start

These tutorials assume you have a basic understanding of HTML and CSS.

Exercises

You can download exercises to go along with these tutorials on our Bootstrap exercises GitHub repo. Just click the green Code button in the corner and click the Download ZIP option.

Bootstrap Introduction

Lessons

Why should I use Bootstrap?

Bootstrap Setup

Lessons

How to add Bootstrap to your project Add custom CSS and JS – Bootstrap How to update Bootstrap The basic rules of Bootstrap: Containers, Rows, and Columns

Bootstrap Grid System

Lessons

Equal width columns – Bootstrap Setting one column width – Bootstrap Responsive columns – Bootstrap Using multiple column classes – Bootstrap

Bootstrap Layouts

Lessons

Side by side layout – Bootstrap 3 column layout – Bootstrap Grid – Bootstrap

Bootstrap Utility Classes

Lessons

Margin classes – Bootstrap Padding classes – Bootstrap Shadows – Bootstrap Text classes – Bootstrap Images – Bootstrap

Bootstrap Components

Lessons

Buttons – Bootstrap Navbar – Bootstrap

Bootstrap Building Projects

Lessons

Bootstrap Project

Next Steps

After taking this course, you can take our JavaScript course.