Html 引导下拉菜单左对齐

我需要将子菜单左对齐显示为右对齐，使布局凌乱。我正在使用引导

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

引导程序可以选择将下拉列表置于右侧。你可以在地图上看到一个例子

如果将类

navbar right

添加到

btn组

，您应该会发现下拉列表会改变下拉方向

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

---

这里有一个

你可以：1。如果您知道

ul

的宽度，则在其上应用负左边距。2.将

对准

.btn组中的右侧，然后对准整个
.btn组，以便正确定位齿轮。将尝试一次。；）泰@haxxxton。这帮了大忙。