부트 스트랩이 카드를 인식하지 못하는 이유는 무엇입니까?

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

부트 스트랩 3.3.6 이하 버전에는 기본 카드 디자인이 없습니다.

이제 디자인 카드에는 두 가지 옵션 만 있습니다.

표준 방법은 ---

을 4 Bootstrap 4 Card

--- 또는 부트 스트랩 카드에 대한 자신의 스타일 시트를 작성하는 이동 3.3.6 이하처럼 부트 스트랩 버전을 업그레이드하다 카드 디자인을 동일하게하고 부트 스트랩 공통 디자인을 원한다면 부트 스트랩 4 카드에서 해당 CSS를 선택할 수 있습니다. 이 경우 다른 카드 나 다른 CSS를 필요로하지 않는 디자인을 선택하면 다른 섹션이나 모듈에는 영향을 미치지 않습니다.