2016-08-07 20 views
2

Ich kann nicht herausfinden, warum das Bootstrap-Grid meine Inhalte nicht bewegt. Ich habe die Bibliothek importiert, keine streunenden divs, Container, dann Zeile und dann col-md- #, aber der Inhalt bewegt sich nie. Irgendwelche Vorschläge?Bootstrap Grid bewegt sich nicht Inhalt

enter image description here

<!DOCTYPE html> 
<html ng-app="DirectivesTest"> 
<head> 
    <title>Directives Practice</title> 
    <link rel="stylesheet" href="app.css"> 
    <script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
    <script src="app.js"></script> 
</head> 
<body> 
    <div class="container"> 
     <div class="row"> 
      <div id="header"> 
      Book Review Site 
      </div> 
     </div> <!--end row--> 
    </div> <!--end container--> 
    <div class="container"> 

     <div ng-controller="BookController"> 

      <div class="content" ng-repeat="book in books"> 
       <div class="row"> 

        <div class="col-md-offset-3 col-md-4"> 
         {{book.title}} 
        </div> 
       </div> 
       <div class="row"> 

        <div class="col-md-offset-4 col-md-4"> 
         {{"Reviews"}} 
        </div> 
       </div> 
       <div ng-repeat="bookReview in book.review"> 
        <div class="row"> 

          <div class="col-md-offset-4 col-md-4"> 

          {{bookReview.body}} 

         </div> 
        </div> 
       </div> 
      </div> <!--End parent ng-repeat--> 


     </div> 





    </div> 
    <book-reviews></book-reviews> 
</body> 
</html> 

Antwort

2

Sie bootstrap css Bibliothek fehlt, beinhalten, dass alles, was gut, bevor Sie Ihren app.css arbeiten.

Hier ist die CDN Weg

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
+0

Oh ok. Danke für die Hilfe – user6680