html - Bootstrap CSS Pull-Right 问题

Question

我有一段非常简单的代码，我正在尝试开始工作，但它给我带来了问题。

我设置了 9 和 3 的网格。 9 为工具名称，3 为工具状态。

然而，在下面的代码中，即使我使用 pull-right 将内容放在 col-md-3 的右侧，其中的内容没有像我期望的那样右对齐。

这是一个 fiddle :https://jsfiddle.net/p5yctnw0/2/

<div class="container-fluid">
  <div class="row">
    <div class="col-md-9">
      <h1 class="toolTitle">Tool Title <small class="toolSubTitle">#244</small></h1>
    </div>
    <div class="col-md-3"><span class="pull-right"><h4>Active</h4>(dates & replacement if applicable)</span></div>
  </div>
</div>

我所期望的:

我知道这将是一个愚蠢的 css 属性，但我不知道还能尝试什么。

Answer 1

内容右对齐但文本没有右对齐。使用 text-right CSS 类来右对齐文本。

<span class="pull-right text-right">
  <h4>Active</h4>
  (dates & replacement if applicable)
</span>