如何用css正确证明bootstrap药片

Question

我有一个标题有三个部分,左,中,右.我似乎无法想出正确的css来使右侧的列(带有"电子邮件历史记录"和"返回列表")浮动到列的右侧.怎么能有人告诉我这是怎么做到的？任何帮助表示赞赏.

<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,并且视口特定的浮点类也可用.

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

旁注:您可以使用帮助程序类text-left(通常是多余的)替换这些内联样式text-center.

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