为什么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，因此不会影响其他部分或模块。