html - 如何用 css 右对齐 bootstrap pills

Question

我有一个包含左、中、右三个部分的页眉。我似乎无法想出合适的 css 来使右侧的列(带有“电子邮件历史记录”和“返回列表”) float 到列的右侧。谁能告诉我这是怎么做到的？感谢您的帮助。

<div class="col-sm-5" style="text-align:left">
    <button type="submit" class="btn btn-primary btn-lg navbar-btn">Save Contact</button>
</div>
<div class="col-sm-2" style="text-align:center">
   <h2 class="branding">Edit Contact</h2>
</div>
<div class="col-sm-5">
   <ul class="nav nav-pills">
      <li class="active"><a href="/GoHistory">Email History</a></li>
      <li class="active"><a href="/email_marketing/contact-list">Back To List</a></li>
   </ul>
</div>

Answer 1

注意:以下答案对 Bootstrap 2 和 3 有效；在 Bootstrap 4 中，等效类是 float-right 和 viewport-specific float classes are also available.

---

最简单的选择是将 pull-right 类添加到 ul 元素。这将使药丸向右浮动。

旁注:您可以将这些内联样式替换为辅助类 text-left(通常是多余的)和 text-center。

这是一个 bootply 示例:http://www.bootply.com/134139