Dropdown Sub Menus / Menu

[kevsmt]

Is a Menu like nav buttons ever be created for bootstrap? To elaborate more, i would like to see bootstrap to include Menu like navigation w/ support for multi-level sub menus.

[mdo]

Multiple levels of dropdowns are not coming to Bootstrap. If you need the multiple levels, you should probably try another implementation of that content. It's not a great paradigm to begin with and piling on other levels never works well for users.

[kevsmt]

What i mean about Multi-Level Sub Menus are, like same things in your Menubar like: File, Edit, View, Search, Help, etc.
which you will hover/click to drop menu items, and the menuitems will have submenus to it..

Why is it not a great paradigm?

Sub-menus / nested menus in the navigation bar is on of the first demands I hear from webdevelopers (and there customers).
I know what you mean when you say its not beeing a great paradigm in the first place, but because it is such an old paradigm in rich-clients the demand for it is omnipresent.

So please reconsider re-opening this issue.
I think this should be available at least optional.
Lastly there are more complex mulit-layerd apps that hardly can do without it.

[bendo01]

please reconsider re-opening this issue.

[envex]

Instead of asking someone else to make a fix, why don't you fork it and create your own solution.

[bendo01]

i will try :) , but after a little search i found that santiquiss ( https://github.com/santiquiss/bootstrap ) already create it, i will test his solution first :)

[opensas]

It would indeed be a very useful addition, at least as a plugin or something... Has anybody got a demo on santiquis work???

[chrisjacob]

+1 for nested menu's as an optional feature/add-on.

[chrisjacob]

To clarify... It would be nice to have "bootstrap-dropdown.js" support infinite sub-dropdowns that fly out to the "right" of the item clicked on (changes fly out direction to "left" if bumps into browser chrome).

In the mean time I can manage with using a sidebar menu that implements nested Collapse tree's (bootstrap-collapse.js) with a "stacked tabs" menu for the final depth (ie. clicking on this item takes you to a page, and not any deeper in the hierarchy). Thanks for adding Collapse to v2.0.0 :-)

[tekmosis]

Also going to +1 this idea even after markdotto's response to the issue.

[GianpaMX]

Dropdown submenu could be done with:

.nav li.dropdown ul.dropdown-menu li:HOVER ul {
display:block;
position:absolute;
left:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav li.dropdown ul.dropdown-menu ul {
display: none;
float:right;
position: relative;
top: auto;
margin-top: -30px;
}

at the end of bootstrap.css

Adding "dropdown-menu" class to ul menu items

[darthdeus]

big thanks to juansimp for a working solution! but still +1 for reopen, at least as an optional plugin or something

[tzikis]

juansimp or darthdeus, could you be more elaborate on the html needed for the nested dropdown menus to work?

thanks in advance

[darthdeus]

@tzikis the html is the same as if you're doing a simple dropdown, just add one more level