# Material Design Bootstrap

## Grid system

#### Five grid tiers

.col-4

.col-4

.col-4

.col-sm-4

.col-sm-4

.col-sm-4

.col-md-4

.col-md-4

.col-md-4

.col-lg-4

.col-lg-4

.col-lg-4

.col-xl-4

.col-xl-4

.col-xl-4

#### Three equal columns

.col-md-4

.col-md-4

.col-md-4

#### Two columns

.col-md-8

.col-md-4

#### Mixed: mobile and desktop

.col-12 .col-md-8

.col-6 .col-md-4

.col-6 .col-md-4

.col-6 .col-md-4

.col-6 .col-md-4

.col-md-6

.col-6

#### Mixed: mobile, tablet, and desktop

.col-12 .col-sm-6 .col-lg-8

.col-6 .col-lg-4

.col-6. col-sm-4

.col-6 .col-sm-4

.col-6 .col-sm-4

#### Two columns with two nested columns

.col-md-8

.col-md-6

.col-md-6

.col-md-4

### Full documentation

Read the full documentation for these components.

Learn more