Our grid system is based upon the Bootstrap grid system. It uses a 12 column layout
Column sizes can be made to act responsively using a set of reactive classes
There are four breakpoints defined; xs, sm, md and lg
Use the syntax col-[media query code]-* to define different column sizes for different viewports, for example:
Move columns to the right using .col-lg-offset-* classes. These classes increase the left margin of a column by * columns. For example, .col-lg-offset-4 moves .col-lg-4 over four columns.
There are two container types to choose from; .container and .container-fluid