This is the Header

this is column 1

this row has three equal columns

this is column 2

this row has three equal columns. and below is an animated gif with a butterfly! how cool!

this is column 3

this row has three equal columns

this is a column

this row has two equal columns

this is a column

this row has two equal columns

this is column 1

this row has four equal columns

this is column 2

this row has four equal columns. notice that since there is an image in the next column that's tall, it stretches all the columns in this row to be taller too. make sure you balance your content!

this is column 3

this row has four equal columns

this is column 4

this row has four equal columns

this is a column

this row has two UNEQUAL columns! woah!

this is a column

this row has two UNEQUAL columns

this is a column! it looks centered!

but that's because it has two empty columns on both side that are acting as spacers. also, don't forget that your columns will be as tall as the content you have inside them. the widths are dictated by the number you give them.