загрузочный выпадающего пузырь выровнять по правому краю (не пуш-право)

у меня есть корзина в верхнем меню, используя push-right и моя проблема заключается в том, что выпадающий пузырь выпадает из страницы. Я пытаюсь выровнять пузырь вправо, так что он выравнивается вправо с помощью "click"

такой

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>
4 69
html css twitter-bootstrap

4 ответа:

попробуйте добавить класс .выпадающее меню-право на тот же div, содержащий выпадающее меню класса как...

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

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

158

Это можно решить с помощью класса bootstrap dropdown-menu-right с dropdown-menu это специально для этой проблемы, которая использует свойства css right: 0; и left: auto; чтобы выровнять его справа.

это решение работает для меня.

Источник -http://getbootstrap.com/components/#btn-dropdowns-dropup (перейдите к инструментам разработчика для этого)

17

на bootstrap v 3.1.0 ответ на этот вопрос разный.

jsfiddle

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

Ок, понял!

position:relative;left:0 on <ul class="dropdown-menu">

2