Почему бутстрап не распознает карту?

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 или более ранней версии отсутствует дизайн карты по умолчанию.

Так что теперь у нас есть только два варианта оформления карты.

Стандартный способ - обновить версию Bootstrap, например, перейти с версии 3.3.6 или ниже до Bootstrap 4. Карта Bootstrap 4

--- ИЛИ ЖЕ ---

Напишите свою собственную таблицу стилей для дизайна карты, если вы хотите, чтобы дизайн вашей карты был таким же, как и общий дизайн Bootstrap, тогда вы можете выбрать этот CSS из Bootstrap 4 Card. В этом случае вы можете просто выбрать тот дизайн, который вам действительно нужен для вашей карты, без каких-либо других дополнительных CSS, так что это не повлияет на другие разделы или модули.