Element

Grid

SCSS Location: /styles/scss/partial/_grid.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

Grid Layout for various content display options used in the layout of page content.

Guidelines

The 12-column grid is used to provide versitility to the display of elements and components within the content region. Regardless of the combination of columns, a consistent grid gutter is used to evenly space elements in rows.

Usage

There are several different types of grid layouts that are used in various instances. The maxinum number of grid columns is 12. The grid elements can be placed in any order, so long as it adds up to exactly 12.

.col-sm-10 .col-sm-offset-1
.col-sm-5 .col-sm-push-1
.col-sm-5 .col-sm-push-1
.col-sm-7 .col-sm-push-1
.col-sm-3 .col-sm-push-1
.col-sm-3 .col-sm-push-1
.col-sm-7 .col-sm-push-1
.col-sm-6 .col-sm-offset-3