Standard Grid
The layout component, prefixed with gds-layout
, is used for centering containers and for responsive grid columns. The grid system works exactly like Twitter Bootstrap's, with columns automatically stacking at mobile widths.
Left column
Center column
Right column
<div class="gds-layout__container">
<div class="gds-layout__row">
<div class="gds-layout__column--md-4">
<p>Left column</p>
</div>
<div class="gds-layout__column--md-4">
<p>Center column</p>
</div>
<div class="gds-layout__column--md-4">
<p>Right column</p>
</div>
</div>
</div>