Bootstrap drop down pull-left not working
17,181
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
<li class="dropdown-submenu pull-left">
<a href="#" >Branch</a>
<ul class="dropdown-menu">
<li><a href="#">Create Branch</a></li>
<li><a href="#">Edit Branch</a></li>
<li><a href="#">Set Branch Status</a></li>
</ul>
</li>
Author by
sebastyuiop
Updated on July 05, 2022Comments
-
sebastyuiop almost 2 years
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 version:
.btn-group %button{ :class => 'btn btn-mini dropdown-toggle', 'data-toggle' => 'dropdown' } %span.icon-cog %ul.dropdown-menu %li= link_to 'Edit', '#' %li= link_to 'Destroy', '#'
HTML version:
<div class='btn-group'> <button class='btn btn-mini dropdown-toggle' data-toggle='dropdown'> <span class='icon-cog'></span> </button> <ul class='dropdown-menu nav pull-left'> <li><a href="#">Edit</a></li> <li><a href="#">Destroy</a></li> </ul> </div>