Grid System

The grid sytem is vanilla Bootstrap. 12 columns, with breakpoints at 720px, 940px and 1140px. It’s important that grids stick to the container > row > col hierarchy to preserve the proper spacing between columns and the container.

<div class="container">
  <div class="row">
    <div class="col-md-6 col-md-offset-3">
      <!-- Where some content goes -->
    </div>
  </div>
</div>

It’s also preferable to avoid using col-xs- and col-sm- in most cases because stacked content is easier to consume on smaller viewports.

If you would like to learn more, see this blog post, for a more detailed description on how the Boostrap grid system works.