A row is a row. The problem is in a row, the height of each content should be the same.
one columns
doesn' look right
This is class = "eleven columns" similar to figure 16-3 page 501
two columns, different height requirements
This is class = "ten columns", we have class="row" first, a row is a row
balance content
Gaps above are ridiculous, Can put longer content in larger unit columns, but this is too much work especially for dynamic content. Better solution, can group columns sets into rows. PS it you just have three columns of content its okay to have gaps.
two columns, note they assume equal height content, first two don't look right, this is okay.
This is class = "ten columns", we have class="row" for two sets of columnsfirst
three columns
This is class = "nine columns"
four columns
This is class = "eight columns"
five columns
This is class = "seven columns"
this is class = "six columns"
This is class = "six columns"; We have w equal width columns
this is class = "seven columns"
This is class = "five columns"
this is class = "eight columns"
This is class = "four columns"
this is class = "nine columns"
This is class = "three columns"
this is class = "ten columns"
two columns
this is class = "eleven columns"
one columns
this is class = "twelve columns"
Most systems can use just class="row" for full twelve columns, for this example border and background color are applied internally to class name columns.
Rows are important, we wanted four three unit wide columns.
Standard four columns display class="three columns"
Standard four columns display class="three columns"
Standard four columns display class="three columns"
Standard four columns display class="three columns"
Skeleton provides several short-cut but you need to use column class not columns class with them. Column is implying a single column inside. The short-cuts are: one-third, one-half and two-thirds; they also have offset-by-unit.
Skeleton short cuts ="one-third column"
two-thirds is width 8 units class="two-thirds column"
skeleton short cut class="one-half column"
Skeleton also has offset short cuts, this isclass="offset-by-six four columns"