Angular+JQ+Bootstrap

by ken tsai

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.2.12/angular.js"></script>
<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>

JavaScript

var app=angular.module('myApp', []);

function MyCtrl($scope) {
    $scope.projects = ['Project A', 'Project B', 'Project C', 'Project D', 'Project E', 'Project F', 'Project G'];
}