Grid system

Width

No. of columns

Margin (left)

Margin (right)

 

Tag | Simple grid

Simple grid tutorial

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>

Visit website

Submit a resource

Polls

Which grid system(s) do you use?

View Results

Loading ... Loading ...