Day 3: Bootstrap Fundamentals

Learn the most popular CSS framework for building responsive, mobile-first websites.

Today's Lessons

1 Introduction

What is Bootstrap? Why use it? How does it compare to other frameworks?

Start here →

2 Setup

How to add Bootstrap to your project via CDN, download, or npm.

CDN, Download, NPM →

3 Containers

Fixed vs fluid containers and responsive breakpoints.

Layout basics →

4 Grid Layout

12-column system, rows, columns, gutters, and alignment.

Responsive layouts →

5 Utility Classes

Colors, spacing (padding/margin), borders, and box shadows.

Quick styling →

6 Typography

Headings, display text, font weights, alignment, and line heights.

Text styling →

7 Images

Responsive images, thumbnails, alignment, and rounded corners.

Image styling →

8 Components

Navbar, Buttons, Cards, Modals, Forms, Alerts, and more!

UI building blocks →
Back to Main Home Start Learning