Bootstrap horizontal drop down

Question

Take a look at this picture:

I want the dropdown menu items to be stack from left to right (horizontally). I cannot seem get this to work, tried using \"l

Answer 1

the dropdown-menu is restricted by the width of it's li container.

just add :

.dropdown-menu {
    margin-right:-1000px;
}

.dropdown-menu > li {
    display: inline-block;
}