Bootstrap卡头:向右拉

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/

对于您的解决方案,请查看更新的小提琴