0
<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>

现在它看起来像这样:

在此处输入图像描述

我想要这样的东西:

在此处输入图像描述

4

2 回答 2

1

要使下拉菜单显示为右对齐,您只需将 pullright 分配给下拉菜单:

Jsfiddle演示

<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 Assign class left in place of class 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;
  }
于 2013-03-07T02:54:56.983 回答
0

dropdown-menu课堂left: 0上改为right: 0

于 2013-03-06T14:15:31.083 回答