beetlebum

child grid

Boogo’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.

One of three columns
One of three columns
One of three columns
<div class="container">
  <div class="row">
    <div class="col-xs col-sm col-md col-lg col-xl">
      One of three columns
    </div>
    <div class="col-xs col-sm col-md col-lg col-xl">
      One of three columns
    </div>
    <div class="col-xs col-sm col-md col-lg col-xl">
      One of three columns
    </div>
  </div>
</div>

grid

grid