title: dynamically close row div in bootstrap
body: <p>I'm just trying out bootstrap and it seems great, but I'm running into a problem that seems far too difficult to solve than seems right.</p>
  
  <p>I have a masonry-like format that shows three columns, then goes onto a new row an indefinite number of times.</p>
  
  <pre><code>x x x
  x x x
  x x x
  </code></pre>
  
  <p>Which (as far as I understand) has to be coded like this in bootstrap:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
      &lt;div class="span4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>But does that mean in the views of my code (such as rails), I need to do some sort of loop that monitors every 3 times and then closes the row and starts a new one? I'd assume this is something bootstrap would be able to handle on its own.</p>
  
  <pre><code>for($i=0;i&lt;3;i++) {
     do something
  }
  </code></pre>