爲什麼bootstrap無法識別卡？

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工作） 有人可以幫我嗎？

Answer 1

Bootstrap 3.3.6或更低版本沒有默認卡片設計。

所以現在我們只有兩個設計卡選項。

的標準方法是升級像移動3.3.6或更低的版本引導程序來引導4. Bootstrap 4 Card

--- OR ---

自己寫的卡片樣式設計如果你想要你的卡片設計和Bootstrap通用設計一樣，那麼你可以從Bootstrap 4 Card中選擇那個CSS。在這種情況下，您可以選擇您實際需要的卡片設計，無需其他額外的CSS，因此不會影響其他部分或模塊。