In bootstrap I want to have two navbars below each other.
My idea:
Navbar 1 has a brand: main menu.
Navbar 2 (below navbar1) has a brand called: sub menu.
When the user looks at the site on his mobile phone he/she sees two collapsible navbars. The user can now choose which navbar to open. The menu or the sub menu.
I just copied the standard code on the bootstrap website: http://getbootstrap.com/components/#navbar
Strange thing is. When i make my browser small. Two collapsed navbars appear. "Main-menu" and "sub-menu". When I click on the button behind main menu the main menu appears. Just like it should. But when I press the sub-menu (uncollapse) button. The MAIN-MENU opens again. Not the sub menu.
I just used the standard navbar code from the bootstrap website in the link pasted those beneath each other and changed the brand names.
HERE is the bootply: http://bootply.com/101690 Test it on mobile and see what happens in the navbars.