CODEWITHSUNDEEP
csstwitter-bootstrapdrop-down-menutwitter-bootstrap-3
Ty Bailey
Ty Bailey

Reputation: 2432

Bootstrap 3 Submenu within current menu

I am in need of a dropdown-submenu using Bootstrap 3.

There are questions like this all over the place, one in particular that got me closer is this one: Bootstrap 3 dropdown sub menu missing

However, the answers there display the dropdown to the right of the current menu. I need to display the dropdown within the current menu, just sliding the rest of the nav down when open.

Here is a bootply with what I have so far: http://bootply.com/91787

Currently the submenu is just overlaying the current dropdown... I need the submenu to push the rest of the dropdown elements down when open. How can I achieve this? Any help getting the dropdown to activate on click instead of hover would be helpful as well, but the main question is more important.

Upvotes: 3

Views: 12373

Answers (2)

Mason
Mason

Reputation: 19

Jeff Mould solved this beautifully.

Git: https://github.com/jeffmould/multi-level-bootstrap-menu

Nav Demo: http://theboot.fenwickmedia.com/

Upvotes: 1

user2693017
user2693017

Reputation: 1860

Like this ? I´m not sure if I understood your question right.

http://bootply.com/91794

Edit:

Quite simple, I hope this is what you want:

.dropdown-menu {position: relative;}

http://bootply.com/91800

Upvotes: 6

Related Questions