How would I use AngularJS ng-repeat with Twitter Bootstrap's scaffolding?

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 <

Answer 1

Here's a way:

  

    
      

      

        
{{projects[$index+0]}}
        
{{projects[$index+1]}}
        
{{projects[$index+2]}}
      
    
  

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