bootstrap dropdown bubble align right (not push-right)

Question

I have cart in my top menu, using push-right and my problem is that the dropdown bubble falls out of the page. I am trying to align the bubble right, so that it

Answer 1

ok got it!

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

Answer 2

in bootstrap v 3.1.0 the answer to this question is different.

jsfiddle

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

Answer 3

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

This is still working in boostrap 4.2.1 :)

Answer 4

This can be solved with the bootstrap class dropdown-menu-right with dropdown-menu that is specifically for this problem that uses the css properties right: 0; and left: auto; to right align it.

This solution is working for me.

Source - http://getbootstrap.com/components/#btn-dropdowns-dropup (go to developer tools for this)

Answer 5

Bootstrap 3.1+

Adding the class .dropdown-menu-right to the same div containing the class dropdown-menu:

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

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

Bootstrap 2.3 & 3.0

Add the class .pull-right to the same div containing the class dropdown-menu

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

This seems to work for me using bootstrap 3.0