Question: How would I use AngularJS `ng-repeat` to display the following HTML (Twitter Bootstrap Scaffolding)? Essentially, every third record I need to close the `</div>`, print an `<hr>`, then open another `<div class="span4">` 

```
    <div class="row">
      <div class="span4">
        <h3>
          Project A
        </h3>
      </div>
      <div class="span4">
        <h3>
          Project B
        </h3>
      </div>
      <div class="span4">
        <h3>
          Project C
        </h3>
      </div>
    </div>

    <hr>

    <div class="row">
      <div class="span4">
        <h3>
          Project D
        </h3>
      </div>
      <div class="span4">
        <h3>
          Lab Title
        </h3>
      </div>
      <div class="span4">
        <h3>
          Project E
        </h3>
      </div>
    </div>

```

I've created a fiddle for code demos.  

<http://jsfiddle.net/ADukg/261/>

Answer: 
Here's a way:

```
<div ng-controller="MyCtrl">
  <div ng-repeat="project in projects">
    <span ng-if="$index % 3 == 0">
      <hr />
      <div class="row">
        <h3 class="span4" ng-if="projects[$index+0]">{{projects[$index+0]}}</h3>
        <h3 class="span4" ng-if="projects[$index+1]">{{projects[$index+1]}}</h3>
        <h3 class="span4" ng-if="projects[$index+2]">{{projects[$index+2]}}</h3>
      </div>
    </span>
  </div>
</div>

```

This way will also work if you have for example 7 data items: on the last 3 data, it will only show item 7 and not try to show the nonexistant item 8 and 9.

<http://jsfiddle.net/4LhN9/68/>

**EDIT**: Updated to use ng-if & angular 1.2.12
[ng-repeat-start and ng-repeat-end end points](https://docs.angularjs.org/api/ng/directive/ngRepeat#special-repeat-start-and-end-points) seems a convenient way to achieve this :

Which leads to simple code

```
<div ng-controller="MyCtrl">
    <div ng-repeat-start="project in projects">
        <span>
            <div class="row">
                <h3 class="span4">{{project}}</h3>
            </div
        </span>
    </div>
    <hr ng-repeat-end ng-if="($index + 1) % 3 == 0" />
</div>

```

See this [jsfiddle](http://jsfiddle.net/grafmik/c0cu64r6/1/)