Question

我已经在我的应用程序中添加了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>

它无法识别引导程序“卡”类（btn工作）有人可以帮我吗？

Answer 1

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

所以现在我们只有两个设计卡选项。

标准方法是升级您的Bootstrap版本，如将3.3.6或更低版本移至Bootstrap 4. Bootstrap 4 Card

---或---

如果您希望卡片设计与Bootstrap通用设计相同，那么您可以为卡片设计编写自己的样式表，然后从Bootstrap 4 Card中选择CSS。在这种情况下，您可以选择那些您实际需要的设计，而不是任何其他额外的CSS，因此它不会影响您的其他部分或模块。

为什么bootstrap不识别卡？

1 个答案: