<div class="pull-right">
<div class="btn-group pull-left">
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Action
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">some link 1</a></li>
<li><a href="#">some link 2</a></li>
<li><a href="#">some link 3</a></li>
</ul>
</div>
</div>
</div>
现在看起来像这样:
我想要这样的东西:
最佳答案
要使下拉菜单显示在右对齐中,您只需将 pullright 分配给下拉菜单:
Jsfiddle Demo
<ul class="dropdown-menu pull-right">
<li><a href="#">some link 1</a></li>
</ul>
在您提供的代码中,分配给按钮组的 pull-left 类不会真正将其向左拉,因为父 div 使用 pull-right class 。如果你想控制按钮组的对齐方式和位置。你可以这样做:
不要多次使用 div class="btn-group"
用您提供的代码检查 jsfiddle(稍微清理一下)Demo with button 将类 left 分配给类 pull-left ,这样:
<div class="btn-group left"> <!-- I have assigned a new class to it i.e left -->
然后将 css 写入位置:
.btn-group.left{
bottom: 15px;
position: relative;
top: 15px;
right:20px;
}
关于jquery - 如何将 bootstrap btn-group 中的菜单 float 到左侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15249590/