Layouting & Grid System
Simple mobile responsive grid system
Grid System
The grid system is comprised of 12 columns that span the width of the page. You can create columns that span a fraction of the 12 columns for your layouts.
<div class="row">
<div class="col-n"></div>
<div class="col-n"></div>
...
<div class="col-n"></div>
</div>
Where the sum of n must be less than or equal to 12
1
1
1
1
1
1
1
1
1
1
1
1
.col-6
.col-6
.col-4
.col-4
.col-4
.col-10
.col-2
.col-8
.col-4
Grid System Helpers
Helper classes for better spacing and custom column setups