为什么引导不识别卡

本文关键字：识别卡 为什么 | 更新日期: 2023-09-27 17:53:32

我已经添加了bootstrap到我的应用程序，当我写

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

它不识别引导"card"类(btn工作)有人能帮我一下吗?

为什么引导不识别卡

在Bootstrap 3.3.6或更低版本中没有默认的卡设计

所以现在我们只有两种设计卡的选择。

标准的方法是升级你的引导版本，如移动3.3.6或更低的引导4。Bootstrap 4 Card

——OR——

为卡片设计编写自己的样式表，如果你想让你的卡片设计与Bootstrap通用设计相同，那么你可以从Bootstrap 4 card中选择CSS。在这种情况下，你可以选择那些设计，你实际上需要你的卡没有任何其他额外的CSS，所以它不会影响你的其他部分或模块。

相关文章：