Simple grid tutorials

How To Use the Grid

The Grid elements are simply defined as classes. Row is row, column is column and widths are defined as grid-unit-number classes (say, guN): gu1, gu2, gu3, gu4, gu5, gu6. If you want to create a column 4 grid units wide, you simply say:
<div>…</div>

If you want to create a row, you just say:
<div>…</div>

Read full article