title: angular.js ng-repeat for creating grid
body: <p>I'm trying to create a grid using bootstrap 3 and angularjs.</p>
  
  <p>The grid I'm trying to create is this, repeated using ng-repeat.</p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-4"&gt;item&lt;/div&gt;
   &lt;div class="col-md-4"&gt;item&lt;/div&gt;
   &lt;div class="col-md-4"&gt;item&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried using <code>ng-if</code> with <code>($index % 3 == 0)</code> to add the rows, but this doesn't seem to be working right.  Any suggestions would be great!</p>
  
  <p>Thank you!</p>
  
  <p>EDIT:  Here's the code I ended up going with that worked:</p>
  
  <pre><code>&lt;div ng-repeat="item in items"&gt;
    &lt;div ng-class="row|($index % 3 == 0)"&gt;
      &lt;ng-include class="col-sm-4" src="'views/items/item'"&gt;&lt;/ng-include&gt; 
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>