ブートストラップでカードが認識されないのはなぜですか？

Question

私は自分のアプリケーションにブートストラップ追加したと私はそれが動作しますが、

<div class="container-fluid"> 
    <div class="row" ng-repeat="user in users " style="border: 1px solid black" 
     ng-click="goToUserDetails(user.Id)"> 
     <div class="col-md-4 text-center">{{user.Email}}</div> 
     <div class="col-md-4 text-center">{{user.Name}}</div> 
     <div class="col-md-4 text-center">{{user.Password}}</div> 
     <div class="col-md-4 text-center"> 
      <span class="glyphicon glyphicon-trash" ng-click="delete(user.Id);$event.stopPropagation();"> 
      </span> 
     </div> 
    </div> 
    <button class="btn btn-danger" ng-click="gotoAddUser()">Add</button> 
</div> 

を書いたとき、私はカード

<div class="card"> 
    <img class="card-img-top" data-src="..." alt="Card image cap"> 
    <div class="card-block"> 
     <h4 class="card-title">Card title</h4> 
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> 
     <a href="#" class="btn btn-primary">Button</a> 
    </div> 
</div> 

それは、ブートストラップ「カード」のクラスを認識しないを（追加したいときbtn作品） 誰かが私を助けることができますpls？

Answer 1

ブートストラップ3.3.6以下のバージョンではデフォルトのカードデザインはありません。

これで、デザインカードには2つのオプションしかありません。

標準的な方法は、カードに独自のスタイルシートを書く4. Bootstrap 4 Card

--- OR ---

をブートストラップするために移動3.3.6以下のようなあなたのブートストラップバージョンをアップグレードしていますあなたがあなたのカードデザインを同じようにし、ブートストラップの共通デザインを望むなら、あなたはブートストラップ4カードからそのCSSを選ぶことができます。この場合、他のセクションやモジュールに影響を与えないように、あなたのカードに実際に必要だったデザインを他の余分なCSSなしに選ぶことができます。