Question

我的顶级菜单中有购物车，使用push-right我的问题是下拉式泡泡不在页面之外。我正在努力使气泡正确对齐，以便它与'click'对齐

像这样

enter image description here

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＆amp; 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;来对齐它。< / p>

此解决方案对我有用。

来源 - http://getbootstrap.com/components/#btn-dropdowns-dropup（请参阅开发人员工具）

Answer 3

<{1>}

function submit() {
   if(isSending)
     return;

   isSending = true

   $.ajax({
       // ...
        complete: function() {
            isSending = false;
        }
   });
}

这个问题的答案有所不同。

jsfiddle

bootstrap v 3.1.0

Answer 4

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

boostrap 4.2.1：）

仍在工作

Answer 5

好的，明白了！

position:relative;left:0

上的

<ul class="dropdown-menu">

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

5 个答案:

jsfiddle