I am currently working with a group of elements that are designated as row-fluid
and span12
, each containing span4
elements. My goal is to have these elements automatically align in columns of 3, regardless of how many are present. However, I am facing an issue where there is an offset due to uncleared floats.
Is there a way to achieve this layout without manually counting the boxes and resetting the row every third element?
<div id="content" class="clearfix row-fluid">
<div id="main" class="span12 clearfix" role="main">
<div class="row-fluid">
<div class="span4">Test</div>
<div class="span4">Test</div>
<div class="span4">Test</div>
<div class="span4">Test</div>
<div class="span4">TEst</div>
</div>
</div>
</div>