Twitter Bootstrap dropdown menu width

drop-down-menu, twitter-bootstrap

Solution

You have to remove the `min-width` property of the `.dropdown-menu` list. Including the following after you include bootstrap:

.dropdown-menu {
  min-width: 0px;
}

Alternatively, for the exact style you have given, you could use bootstrap's tooltips instead

Problem

Here is what i aim to do: https://docs.google.com/file/d/0B13W1jkpc_BzLXZ6RGxGbUd2NG8/edit?usp=sharing Here is the CSS for my approach: ``` @media (min-width: 980px) { .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } a.menu:after, .dropdown-toggle:after { content: none; } .navbar .dropdown-menu { margin-top: 0px; text-align: center; }} ``` And the way it looks now: https://docs.google.com/file/d/0B13W1jkpc_BzZUlRck5VcWh0TkE/edit?usp=sharing Everything is working fine except that i can't seem to get the right width for the dropdown menu's text (i need to shrink the width according to text). So how do i do that ?

Original source