This grid is based on the Skeleton Boilerplate template by Dave Gamache. Skeleton’s base grid is a variation of the 960 grid system. The syntax is simple and it’s effective cross browser.
It has 16 columns each one having 40px.
The syntax for a grid column should be “nr_of_cols + column/columns + alpha/omega “. For example a 5 column grid has the syntax <div class=”five columns”> .
Alpha or Omega classes should be added if first starting column or last (to eliminate margins).
Each column has a shortcode, as follows: [one] [two], [three], …, [sixteen]. For alpha and omega options use the attributes first and last, like [four first="1"] [/four] [four] content [/four] [eight last="1"]Content for the last grid[/eight]
You can see a demo below how the grid is working:
Offset columns (push them to the right)