bootstrap对齐下拉菜单

Bootstrap的下拉菜单默认左对齐，如果需要右对齐，可以使用`.dropdown-menu-right`类。以下是一个例子：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

在上面的例子中，我们添加了`.dropdown-menu-right`类到`.dropdown-menu`元素，这将使下拉菜单右对齐。

相关问题

bootstrap3 下拉菜单中其中一个按钮向左显示菜单

您可以通过为下拉菜单中的按钮添加`pull-left`类来实现它向左显示菜单。具体方法如下所示：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle pull-left" type="button" data-toggle="dropdown">菜单
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
  </ul>
</div>

在上面的代码中，我们将按钮的类设置为`btn btn-default dropdown-toggle pull-left`，其中`pull-left`类将按钮向左对齐。这将导致下拉菜单在按钮的左侧打开。