bong bóng thả xuống bootstrap căn chỉnh bên phải (không phải đẩy sang phải)

Tôi có giỏ hàng ở menu trên cùng, đang sử dụng push-rightvà vấn đề của tôi là bong bóng thả xuống rơi ra khỏi trang. Tôi đang cố căn chỉnh bong bóng cho đúng, để nó thẳng hàng với 'nhấp chuột'

như thế này

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+

Thêm lớp .dropdown-menu-right vào cùng một div chứa menu thả xuống của lớp:

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

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

Bootstrap 2.3 & 3.0

Thêm lớp .pull-right vào cùng một div chứa menu thả xuống lớp

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

Điều này dường như hiệu quả với tôi khi sử dụng bootstrap 3.0

Điều này có thể được giải quyết bằng lớp bootstrap dropdown-menu-right với lớp dropdown-menuđặc biệt cho vấn đề này sử dụng các thuộc tính css right: 0;và left: auto;căn chỉnh nó.

Giải pháp này đang làm việc cho tôi.

Nguồn - http://getbootstrap.com/components/#btn-dropdowns-dropup (chuyển tới công cụ dành cho nhà phát triển để làm việc này)

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

Điều này vẫn đang hoạt động trong boostrap 4.2.1 :)

trong bootstrap v 3.1.0câu trả lời cho câu hỏi này là khác nhau.

jsfiddle

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

OK đã nhận nó!

position:relative;left:0 trên <ul class="dropdown-menu">