How to left align bootstrap 3 dropdown menu?

Question

In the above image MenuItems are align to right side of the MyMenu, I needed to le

Answer 1

As the answers given above are too old, would like to provide working solution for Bootstrap 3.3.7.

Use the given css on your .dropdown-menu div :

.dropdown-left-manual {
  right: 0;
  left: auto;
  padding-left: 1px;
  padding-right: 1px;
}

Explaination :

• "right:0;" to make then ending of menu inline with end of dropdown button.
• "left:auto;" to override the left:0 given in dropdown-menu class by bootstrap.
• paddings are used to correct hovers on menu item, can be ignored.