对齐按钮组

Question

我使用引导3. 我有一个引导表，在它上面，我有一个按钮组，我想对齐表的右侧。实际上是一个左

http://jsfiddle.net/65uckof7/

<div id="toolbar" class="btn-group"> 
     <button class="btn btn-primary"> 
     Actions 
     </button> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 
     <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu dropdown-menu-right"> 
      <li> 
       <a href="#">Anuler</a> 
      </li> 
      <li> 
       <a href="#">Sauvegarder</a> 
      </li> 
      <li class="dropdown dropdown-submenu"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Payez</a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Comptant</a></li> 
        <li><a href="#">Débit</a></li> 
        <li><a href="#">Chèque</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 

Answer 1

你想要的操作按钮在右边？

如果这是从你的提琴的情况下我不得不添加下面的CSS规则：

.fixed-table-toolbar .pull-left { 
    float: right !important; 
} 

你需要这个，因为从小提琴的CSS含有类.pull左（一按钮）设置为：float: left !important;因此只需将其设置为正确与我提供

Answer 2

对于引导2.3的CSS，请参阅：http://getbootstrap.com/2.3.2/components.html#misc->辅助类 - > .pull右

自举3 ，请参阅：http://getbootstrap.com/css/#helper-classes - >帮助程序类

因此，向类字符串中插入'pull-right'并让引导程序排列按钮。

Answer 3

中庸之道添加.pull-权利.fixed表 - 工具栏

Answer 4

使用pull-right类，而不是pull-left