rozwijana bańka bootstrap wyrównaj do prawej (nie przesuń w prawo)

Mam koszyk w górnym menu, używam push-righti moim problemem jest to, że rozwijana bańka wypada ze strony. Próbuję wyrównać bąbelek do prawej, tak aby był wyrównany do prawej z „kliknięciem”

lubię to

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+

Dodanie klasy .dropdown-menu-right do tego samego elementu div zawierającego menu rozwijane klasy:

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

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

Bootstrap 2.3 i 3.0

Dodaj klasę .pull-right do tego samego elementu div zawierającego menu rozwijane klasy

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

Wydaje się, że to działa w przypadku mnie przy użyciu bootstrap 3.0

Problem ten można rozwiązać z klasy bootstrap dropdown-menu-right ze dropdown-menuto specjalnie dla tego problemu, który wykorzystuje właściwości css right: 0;i left: auto;do prawej wyrównać go.

To rozwiązanie działa na mnie.

Źródło - http://getbootstrap.com/components/#btn-dropdowns-dropup (przejdź do narzędzi programistycznych w tym celu)

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

To nadal działa w boostrap 4.2.1 :)

w bootstrap v 3.1.0odpowiedzi na to pytanie jest inaczej.

jsfiddle

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

ok, rozumiem!

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