Grids

The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as the rest of the site, ensuring proper proportions for key screen resolutions and devices.


1
2
3
3
2
1
4
4
4
2
8
2
6
6
12

The default grid system utilizes 12 columns and adapts to be 768px and 1170px wide depending on your viewport. Below 768px viewports, the columns stack vertically.

<div class="row-fluid">
    <div class="span4">4</div>
    <div class="span8">8</div>
</div>