引导下拉气泡右对齐（不是右推）

Question

我的顶部菜单中有购物车，使用 push-right 我的问题是下拉气泡从页面中掉出。我正在尝试将气泡右对齐，以便它与“点击”右对齐

像这样

HTML:

 <div class="cart pull-right">
  <ul class="nav">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a>
       <div class="dropdown-menu">
       STUFF
       </div>
    </li>
  </ul>
</div>

原文由 no0ne 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Bootstrap 5+ （2022 年 6 月更新）

dropdown-menu-right 已替换为 dropdown-menu-end

 <div class="dropdown-menu dropdown-menu-end">
    STUFF
</div>

https://getbootstrap.com/docs/5.2/components/dropdowns/#menu-alignment

引导程序 3.1+

将类 .dropdown-menu-right 添加到包含类下拉菜单的同一个 div：

 <div class="dropdown-menu dropdown-menu-right">
    STUFF
</div>

http://getbootstrap.com/components/#dropdowns-alignment

引导程序 2.3 和 3.0

将类 .pull-right 添加到包含类下拉菜单的同一个 div

 <div class="dropdown-menu pull-right">
    STUFF
</div>

使用 bootstrap 3.0 这似乎对我有用

原文由 meetri 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

This can be solved with the bootstrap class dropdown-menu-right with dropdown-menu that is specifically for this problem that uses the css properties right: 0; and left: auto; to右对齐它。

这个解决方案对我有用。

来源 - http://getbootstrap.com/components/#btn-dropdowns-dropup （为此转到开发人员工具）

原文由 Jaspreet Singh 发布，翻译遵循 CC BY-SA 3.0 许可协议