початковий випадаючий міхур вирівнюється вправо (не вправо)

У моєму верхньому меню є кошик, 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>

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

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

Це рішення працює для мене.

Джерело - http://getbootstrap.com/components/#btn-dropdowns-dropup (для цього перейдіть до інструментів розробника)

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

Це все ще працює в boostrap 4.2.1 :)

у bootstrap v 3.1.0відповіді на це питання різний.

jsfiddle

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

добре, зрозумів!

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