Basic
Start by adding an element with a class of .row. This will create a horizontal block to contain vertical columns. Then add elements with a .column class within that row. You can use .column or .columns—the only difference is grammar. Specify the widths of each column with the .small-#, .medium-#, and .large-# classes.
small-2 large-4 columns
small-4 large-4 columns
small-6 large-4 columns
large-3 columns
large-6 columns
large-3 columns
small-3 columns
small-9 columns
large-4 columns
large-8 column
small-6 large-5 columns
small-6 large-7 columns
large-6 columns
large-6 columns
Small grids
small-2 columns
small-10 columns
small-3 columns
small-9 columns
Medium grids
medium-2 columns
medium-10 columns
medium-3 columns
medium-9 columns
Large grids
large-2 columns
large-10 columns
large-3 columns
large-10 columns
Centered colomns
small-3 small-centered columns
small-6 large-centered columns
small-9 small-centered large-centered
small-11 small-centered columns