title: Bootstrap Grid not moving content
body: <p>I can't seem to figure out why the bootstrap grid isn't moving my content. I have the library imported, no stray divs, container then row and then col-md-#, but the content never moves. Any suggestions?</p>
  
  <p><a href="https://i.stack.imgur.com/BLtpE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BLtpE.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="DirectivesTest"&gt;
  &lt;head&gt;
      &lt;title&gt;Directives Practice&lt;/title&gt;
      &lt;link rel="stylesheet" href="app.css"&gt;
      &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt; 
              &lt;div id="header"&gt;
              Book Review Site
              &lt;/div&gt;
          &lt;/div&gt; &lt;!--end row--&gt;
      &lt;/div&gt; &lt;!--end container--&gt;
      &lt;div class="container"&gt;
  
          &lt;div ng-controller="BookController"&gt;
  
              &lt;div class="content" ng-repeat="book in books"&gt;
                  &lt;div class="row"&gt;
  
                      &lt;div class="col-md-offset-3 col-md-4"&gt;
                          {{book.title}}
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="row"&gt;
  
                      &lt;div class="col-md-offset-4 col-md-4"&gt;
                          {{"Reviews"}}
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div ng-repeat="bookReview in book.review"&gt;
                      &lt;div class="row"&gt;
  
                              &lt;div class="col-md-offset-4 col-md-4"&gt;
  
                              {{bookReview.body}}
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt; &lt;!--End parent ng-repeat--&gt;
  
  
          &lt;/div&gt;
  
  
  
  
  
      &lt;/div&gt;
      &lt;book-reviews&gt;&lt;/book-reviews&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>