.navbar-right breaks layout
ardouglass opened this issue · comments
I've been trying to figure out why it didn't look right for me, and then realized it's broken on the examples too if I make a submenu on something with .navbar-right
. The items won't expand the ul.dropdown-menu
they are inside of beyond the 160px width set in the CSS.
I found the fix for it buried in Bootstrap's documentation. For all right aligned dropdown menus, if you want to use this on a .navbar-right
, you need to add .dropdown-menu-left
where you have a .dropdown-menu
inside a .dropdown-submenu
.
<li class="dropdown-submenu open">
<a>Action</a>
<ul class="dropdown-menu dropdown-menu-left"><!-- here -->
<li><a>Title longer than min-width of 160px</a></li>
</ul>
</li>