Grid System

The GEL includes Bootstrap's 12 column, mobile-first, responsive grid system.

Learn more

To learn more, refer to Bootstrap's Grid System documentation.

Container

The grid system's fixed-width container is a <div> tag with the container class. 

<div class="container">...</div>

Fluid Container

The grid system's full-width container is a <div> tag with the container-fluid class. 

<div class="container-fluid">...</div>

Columns

Wrap columns within .row elements.

Use the appropriate device breakpoint class and column span class.

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6

Offsets

Columns can be offset using the .col-*-offset-* classes.

.col-md-4
.col-md-4 .col-md-offset-4
.col-md-3 .col-md-offset-3
.col-md-3 .col-md-offset-3
.col-md-6 .col-md-offset-3
Third-party Content Disclaimer