bootstrap下拉子菜单左对齐

Question

我需要将子菜单显示为左对齐为右对齐，使我的布局混乱。我使用bootstrap。

<div class="btn-group">
  <div class="dropdown">
    <a href="#" data-toggle="dropdown" class="btn">
      <i class="icon-folder-close"></i> <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
       <li><a href="#">Outbox</a></li>
       <li><a href="#">Trash</a></li>
    </ul>
  </div>
</div>

Answer 1

Bootstrap可以选择将下拉列表放在右侧。您可以在bootstrap navbar section上看到此示例。

如果您将navbar-right课程添加到btn-group，您会发现该下拉列表会改变下降方向。

<div class="btn-group navbar-right">
  <div class="dropdown">
    <a href="#" data-toggle="dropdown" class="btn">
      <i class="icon-folder-close"></i> <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
       <li><a href="#">Outbox</a></li>
       <li><a href="#">Trash</a></li>
    </ul>
  </div>
</div>

这是JSFiddle