Question

如何在Bootstrap 4，Card Header中对齐我的小文本？

HTML

<div class="container">
  <div class="row">
    <div class="col">
      <div class="card">
        <!--CARD HEADER-->
        <h4 class="card-header">HEADER <small class="pull-right">right aligned</small></h4>
        <!--CARD BODY-->
        <div class="card-body">
        </div>
      </div>
    </div>
  </div>

这是我尝试过的：
https://jsfiddle.net/LL0qnnxm/60/

Answer 1

使用float-{sm,md,lg,xl}-right代替pull-right，因为它在Bootstrap 4中已更改。有关详细信息，请参阅此https://v4-alpha.getbootstrap.com/migration/

对于您的解决方案，请查看更新后的Fiddle

Bootstrap卡头：向右拉

1 个答案: