引导卡标题：向右拉答案

【问题标题】：Bootstrap Card Header: pull-right引导卡标题：向右拉
【发布时间】：2017-09-12 17:22:22
【问题描述】：

我应该如何让我的小文本在 Bootstrap 4 卡片标题中正确对齐？

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/

【问题讨论】：

你试过给small标签一个float:right;吗？
@OvidiuUnguru 没有。但它确实有效 =)

标签： css twitter-bootstrap

【解决方案1】：

使用 float-{sm,md,lg,xl}-right 而不是 pull-right，因为它在 Bootstrap 4 中发生了变化。有关更多信息，请阅读 https://v4-alpha.getbootstrap.com/migration/

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

【讨论】：