Grid System

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes.

Equal Width Columns

Column
Column
Column
<div class="row">
    <div class="col">Column</div>
    <div class="col">Column</div>
    <div class="col">Column</div>
</div>

Responsive Columns

col-12 col-md-8
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
<div class="row">
    <div class="col-12 col-md-8">col-12 col-md-8</div>
    <div class="col-6 col-md-4">col-6 col-md-4</div>
</div>