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