AngularJS Example:

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app>
  <div class="container" ng-controller="TodoCtrl">
  <div class="row">
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    <div class="col-md-1">.col-md-1</div>
    </div>
  </div>
</div>

JavaScript

function TodoCtrl($scope) {
  $scope.doctors = [
    {name:'Bob', recommend:true, photo_url: "http://i.imgur.com/U7EAanp.png"},
		{name:'Bob', recommend:false, photo_url: "http://i.imgur.com/U7EAanp.png"},
    {name:'Bob', recommend:true, photo_url: "http://i.imgur.com/U7EAanp.png"},
    {name:'Bob', recommend:false, photo_url: "http://i.imgur.com/U7EAanp.png"},
    {name:'Bob', recommend:false, photo_url: "http://i.imgur.com/U7EAanp.png"},
   ];
}