bolla a discesa bootstrap allineata a destra (non push-right)

Ho carrello nel mio menu in alto, utilizzo push-righte il mio problema è che la bolla a discesa cade fuori dalla pagina. Sto cercando di allineare la bolla a destra, in modo che sia allineata a destra con il "clic"

come questo

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+

Aggiungendo la classe .dropdown-menu-right allo stesso div contenente il menu a discesa della classe:

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

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

Bootstrap 2.3 e 3.0

Aggiungi la classe .pull-right allo stesso div contenente il menu a discesa della classe

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

Questo sembra funzionare per me usando bootstrap 3.0

Questo può essere risolto con la classe bootstrap dropdown-menu-right con dropdown-menuspecificamente per questo problema che utilizza le proprietà CSS right: 0;e left: auto;per allineare destro, ha.

Questa soluzione sta funzionando per me.

Fonte: http://getbootstrap.com/components/#btn-dropdowns-dropup (vai agli strumenti per sviluppatori per questo)

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

Funziona ancora in boostrap 4.2.1 :)

nella bootstrap v 3.1.0risposta a questa domanda è diverso.

jsfiddle

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

ok capito!

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