title: Angular ng-repeat and Bootstrap column not working
body: <p>I have a <code>ng-repeat</code> that is displaying a list of items. I want them to be a col width of 2</p>
  
  <p>This is the <code>index.html</code> body</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="games"&gt;
  &lt;head&gt;
      &lt;title&gt;Games&lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="/static/css/style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="/static/css/fontello.css"&gt;
      &lt;link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;meta name=viewport content="width=device-width, initial-scale=1"&gt;
  
      &lt;script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.4/ui-bootstrap-tpls.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/static/app/app.js"&gt;&lt;/script&gt;
  
      &lt;meta name=viewport content="width=device-width, initial-scale=1"&gt;
  
  &lt;/head&gt;
  &lt;body ng-controller="gamesCtrl"&gt;
      &lt;a ui-sref="games"&gt;Games&lt;/a&gt;
      &lt;div class="container"&gt;
           &lt;div class="row"&gt;
               &lt;div ui-view&gt;&lt;/div&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the HTML I am pulling for the <code>ui-view</code></p>
  
  <p>list.html</p>
  
  <pre><code>&lt;div ng-repeat="game in games"&gt;
      &lt;div ng-class="col-xs-2"&gt;
          {{ game.title }}
          &lt;img src="{{game.thumbnailUrl100}}"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What's happening though is its just stacking everything on top of each another and not putting it next to each other.</p>
  
  <p>Here is the inspect element code</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;!-- uiView:  --&gt;
      &lt;div ui-view="" class="ng-scope"&gt;
          &lt;!-- ngRepeat: game in games --&gt;
          &lt;div ng-repeat="game in games" class="ng-scope"&gt;
          &lt;div class="ng-binding"&gt;Cut The Rope&lt;/div&gt;
          &lt;img src="https://az680633.vo.msecnd.net/thumbnail/40071/100/40071.png"&gt;
      &lt;/div&gt;
      &lt;!-- end ngRepeat: game in games --&gt;
      &lt;div ng-repeat="game in games" class="ng-scope"&gt;
          &lt;div class="ng-binding"&gt;Cut The Rope: Time Travel&lt;/div&gt;
          &lt;img src="https://az680633.vo.msecnd.net/thumbnail/40072/100/40072.png"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Just incase something else is wrong here is the js</p>
  
  <pre><code>angular.module('games', ['ui.router', 'ui.bootstrap'])
  .config(function($urlRouterProvider, $locationProvider, $stateProvider) {
      // For any unmatched url, redirect to /state1
      $urlRouterProvider.otherwise("/");
      //take out #
      $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
      });
  
      // Now set up the states
      $stateProvider
          .state('games', {
              url: "/",
              templateUrl: "/static/app/list.html",
              controller: 'gamesCtrl'
          })
  })
  
  .controller('gamesCtrl', ['$scope', '$state', 'gamesFactory',
      function($scope, $state, gamesFactory) {
           $scope.$state = $state;
           $scope.games = null;
  
           function init() {
             gamesFactory.getGames().success(function(games) {
               $scope.games = games.data;
               console.log($scope.games.data)
             });
  
           }
           init();
      }
  ])
  
  .factory('gamesFactory', function($http) {
      var factory = {};
      factory.getGames = function() {
          return $http.get('/games.json');
      };
      return factory;
  });
  </code></pre>