--- layout: example title: Grid template ---

## Bootstrap grids

Basic grid layouts to get you familiar with building within the Bootstrap grid system.

#### Three equal columns

.col-lg-4
.col-lg-4
.col-lg-4

#### Three unequal columns

.col-lg-3
.col-lg-6
.col-lg-3

#### Two columns

.col-lg-8
.col-lg-4

#### Full width, single column

No grid classes are necessary for full-width elements.

#### Two columns with two nested columns

.col-lg-8
.col-lg-6
.col-lg-6
.col-lg-4

#### Mixed: mobile and desktop

.col-12 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-6
.col-6 .col-lg-6

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

.col-12 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-6
.col-6 .col-lg-6