Warum Bootstrap Karte nicht erkennt?

Question

Ich habe meine Anwendung hinzugefügt Bootstrap und wenn ich schrieb

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

Es funktioniert, aber wenn ich will eine Karte

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

Es erkennt das hinzufügen nicht die Bootstrap „Karte“ Klassen (das btn funktioniert) Kann mir jemand helfen pls?

Answer 1

In Bootstrap 3.3.6 oder niedriger gibt es kein Standard-Kartendesign.

So jetzt haben wir nur zwei Option für Design-Karte.

Der üblicher Weg ist Rüsten Sie Ihre Bootstrap-Version wie bewegen 3.3.6 oder niedriger 4. Bootstrap 4 Card

Bootstrap --- ODER ---

Schreiben Sie Ihre eigene Sheet für die Karte Entwerfen Sie, wenn Sie Ihr Kartendesign genauso wie Bootstrap Common Design möchten, dann können Sie dieses CSS von Bootstrap 4 Card auswählen. In diesem Fall können Sie nur das Design auswählen, das Sie tatsächlich für Ihre Karte benötigen, kein anderes zusätzliches CSS, so dass es Ihre anderen Sektionen oder Module nicht beeinflusst.