Lecture 7: Bootstrap

Integrative Programming and Technologies 1 (CIP1101)

What is Bootstrap?

Bootstrap is a popular front-end framework for developing responsive and mobile-first websites. Created by Twitter developers in 2011, it's open source and widely used.

Key Features

Responsive design using the grid system
Mobile-first approach
Pre-built components and utilities
Cross-browser compatibility

Container Types

This is a .container with a fixed width.

This is a .container-fluid that spans full width.

Bootstrap Grid System

col

col-sm-4

col-sm-8

Color Utilities

Muted text

Success text

Danger text

Info text

Warning text

Dark text