bootstrap下拉气泡右对齐(不是右推)

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>

Answer 1

Bootstrap 3.1+

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

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

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

Bootstrap 2.3和3.0

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

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

这似乎适用于我使用bootstrap 3.0

Answer 2

这可以通过引导类来解决dropdown-menu-right 与dropdown-menu这是专为使用的CSS属性这个问题right: 0;和left: auto;右对齐.

这个解决方案对我有用.

来源 - http://getbootstrap.com/components/#btn-dropdowns-dropup(转到开发人员工具)

Answer 3

在bootstrap v 3.1.0这个问题的答案是不同的.

的jsfiddle

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

Answer 4

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

这仍然在boostrap 4.2.1中起作用:)