html - 如何将链接添加到与 Bootstrap 内联的标题元素？

Question

我正在使用 bootstrap 并希望在一个部分的标题中有一个链接(按钮)来编辑它(就像维基百科 [edit] 部分链接)。

这就是我所拥有的，但它对齐不好(按钮在文本下方):

<h3>
  <span>Details</span>
  <span>
    <a class="btn pull-right" href="/edit">Edit</a>
  </span>
</h3>

有更好的方法来处理这个问题吗？ (我几乎可以肯定我错过了路径)

Answer 1

对齐问题是因为我将 pull-right 类( float )直接添加到按钮，而不是我必须 float 一个包装器。

<h3>
    Details
    <span class="actions">
        <a class="btn" href="/edit">Edit</a>
    </span>
</h3>

然后，我需要添加:

.actions {
    float: right;
}

并且按钮正确对齐，因为它不再 float 。 This is the working fiddle.