对齐按钮组(Align button group)

对齐按钮组(Align button group)

我使用bootstrap 3.我有一个bootstrap-table，在它上面，我有一个按钮组我想对齐到表的右边。 实际上是一个左派

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>

I use bootstrap 3. I have an bootstrap-table, on top of it, i have a button group i would like to align to the right of the table. Actually is a the left

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>

最满意答案

你想让动作按钮在右边吗？

如果您的小提琴就是这种情况，我只需要添加以下CSS规则：

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

你需要这个，因为从小提琴上的CSS，类.pull-left（包含按钮的那个）被设置为： float: left !important; 所以你只需要用我提供的CSS将它设置为正确

Do you want the action button to be on the right?

If that's the case from your fiddle I just had to add the following CSS rule:

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

You need this because from the CSS on the fiddle the class .pull-left (the one which contains the buttons) is set to: float: left !important; so you just need to set it to right with the CSS I've provided