Row

Half
Half
<div class="row">
    <div class="half">Half</div>
   <div class="half">Half</div>
</div>

Container

Half
Half

No bottom-margin

<div class="container row">
    <div class="half">Half</div>
    <div class="half">Half</div>
</div>

Grid

Half
Half
Third
Third
Third
Quarter
Quarter
Quarter
Quarter
Fifth
Fifth
Fifth
Fifth
Fifth
Sixth
Sixth
Sixth
Sixth
Sixth
Sixth
Third with inner
TwoThird
Two Fifth
Three Fifth
Fifth
Four Fifth
Five Sixth
Sixth
Quarter
Three Quarter
Fifth
Three Fifth
Fifth

Push Right

Sixth
Sixth Push Right
<div class="row">
    <div class="sixth">Sixth</div>
    <div class="sixth push-right">Sixth Push Right</div>
</div>

Centered

Half
<div class="row">
    <div class="half centered">Half</div>
</div>
Third
Quarter
Fifth
Sixth
TwoThird
Two Fifth
Three Fifth
Four Fifth
Five Sixth
Three Quarter

Push

Five Sixth
<div class="row">
    <div class="sixth push-fivesixth">Half</div>
</div>
Four Fifth
Three Quarter
Two Third
Three Fifth
Half
Two Fifth
Third
Quarter
Fifth
Sixth

Split

Half
Half
<div class="row split">
    <div class="half">Half</div>
    <div class="half">Half</div>
</div>
Third
Third
Third
Quarter
Quarter
Quarter
Quarter
Fifth
Fifth
Fifth
Fifth
Fifth
Sixth
Sixth
Sixth
Sixth
Sixth
Sixth
Third
TwoThird
Two Fifth
Three Fifth
Fifth
Four Fifth
Five Sixth
Sixth
Quarter
Three Quarter
Fifth
Three Fifth
Fifth

Blocks

<ul class="block-two">
    <li>Two</li>
    <li>Two</li>
</ul>

<ul class="block-three">
    <li>Three</li>
    <li>Three</li>
    <li>Three</li>
</ul>

<ul class="block-four">
    <li>Four</li>
    <li>Four</li>
    <li>Four</li>
    <li>Four</li>
</ul>

<ul class="block-five">
    <li>Five</li>
    <li>Five</li>
    <li>Five</li>
    <li>Five</li>
    <li>Five</li>
</ul>

<ul class="block-six">
    <li>Six</li>
    <li>Six</li>
    <li>Six</li>
    <li>Six</li>
    <li>Six</li>
    <li>Six</li>
</ul>