title: Angular.js using bootstrap and dynamically creating rows
body: <p>I am trying to figure out how to dynamically create <code>bootstrap</code> row divs with a class of <code>row-fluid</code> with <code>angular.js</code> using the <code>ng-repeat</code> directive.</p>
  
  <p>Here is the angular:</p>
  
  <pre><code> &lt;div ng-repeat="task in tasks" class="row-fluid"&gt;
       &lt;div class="span6 well"&gt;{{task.name}}&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>This does <strong>not</strong> work though. The <code>bootstrap</code> html I wish to generate is:</p>
  
  <p><a href="http://jsfiddle.net/YKkXA/2/" rel="noreferrer">http://jsfiddle.net/YKkXA/2/</a></p>
  
  <p>Basically I need to do mod 2 of the index inside of the ng-repeat, and if its 0, close out the <code>&lt;/div&gt;</code> and create a new <code>&lt;div class="row-fluid"&gt;</code>. How is this possible?</p>