Bootstrap Drop Down Pull-left Not Working

I have tried putting pull-left on everything and whatever I do the drop down menu containing 'Edit' and 'Destroy' falls to the right meaning I get nasty scrollbars appearing. HAML

Solution 1:

Use pull-right instead of pull-left and menu will be shown on the left.

Solution 2:

dropdown pull-left not working for dropdown-menu, but working for dropdown-submenu

<liclass="dropdown-submenu pull-left"><ahref="#" >Branch</a><ulclass="dropdown-menu"><li><ahref="#">Create Branch</a></li><li><ahref="#">Edit Branch</a></li><li><ahref="#">Set Branch Status</a></li></ul></li>

demo