half
This is a .half (50%).
This is a .half (50%).
The second element with the .half class must be the last child or the columns will wrap.
Works
<div class="row">
<div class="container">
<div class="half">
<p>This is a <samp>.half</samp> (50%).</p>
</div>
<div class="half">
<p>This is a <samp>.half</samp> (50%).</p>
</div><!-- the second half is the last child inside the container div -->
</div>
</div>
Doesn't Work
<div class="row">
<div class="container">
<div class="half">
<p>This is a <samp>.half</samp> (50%).</p>
</div>
<div class="half">
<p>This is a <samp>.half</samp> (50%).</p>
</div><!-- the second .half is no longer the last child -->
<div class="another-element"></div>
</div>
</div>
Result
This is a .half (50%).
This is a .half (50%).