Three columns
First column content
Each of these three content areas are four columns wide (bit confusing I know but stay with me!) and are contained within a row.
A row accommodates a maximum of 12 columns, so if you want an area of your page divided into three columns you need to divide the row (made up of 12 columns) by three - giving you three equal areas of four columns.
Phew, hope that made sense - sample code in the next column...
Second column content
Sample code for this three column area is -
<div class="row">
<div class="four columns">
First column content
</div>
<div class="four columns">
Second column content
</div>
<div class="four columns">
Third column content
</div>
</div>