bolha suspensa bootstrap alinhada à direita (não empurrada para a direita)

Tenho o carrinho no menu superior, usando push-righte meu problema é que a bolha suspensa sai da página. Estou tentando alinhar a bolha à direita, para que fique alinhada à direita com 'clique'

como isso

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+

Adicionando a classe .dropdown-menu-right ao mesmo div que contém o menu suspenso da classe:

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

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

Bootstrap 2.3 e 3.0

Adicione a classe .pull-right ao mesmo div que contém o menu suspenso da classe

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

Isso parece funcionar para mim usando o bootstrap 3.0

Isso pode ser resolvido com a classe de bootstrap dropdown-menu-right com dropdown-menuque é especificamente para este problema que usa as propriedades CSS right: 0;e left: auto;para alinhar o botão direito.

Esta solução está funcionando para mim.

Fonte - http://getbootstrap.com/components/#btn-dropdowns-dropup (vá para ferramentas de desenvolvedor para isso)

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

Isso ainda está funcionando no boostrap 4.2.1 :)

na bootstrap v 3.1.0resposta a esta pergunta é diferente.

jsfiddle

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

OK, entendi!

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