2016-08-07 9 views
2

ブートストラップグリッドが自分のコンテンツを移動していない理由を理解できないようです。私はライブラリをインポートして、迷子なdiv、コンテナ、行、そしてcol-md-#を持ちますが、コンテンツは決して動かされません。助言がありますか?あなたはbootstrap cssライブラリを逃しているブートストラップグリッドがコンテンツを移動しない

<!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> 

答えて

2

enter image description here

は、あなたの app.css前にすべてのことがうまくいくことを含んでいます。ここで

CDNパス

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

ああokです。助けてくれてありがとう – user6680

関連する問題