twitter/bootstrap — Issue #1674: Responsive nav + dropdowns
Author: dhendo
Created: 2012-02-03 16:04:30+00:00
State: open

I have a sample layout that contains a nav bar with three drop downs. https://gist.github.com/1676534

This works well at large resolutions, with three separate dropdown buttons and dropdowns.

![wide View](http://i.imgur.com/V4rnT.png)

I updated the html to include three nav-collapse containers, and three collapse toggle buttons, and this works ok:

![](http://i.imgur.com/Wz0Sz.png)

Menu 2 Expanded:

![](http://i.imgur.com/zKWH8.png)

The issue arises if you expand the window again - the expanded section stays expanded, extending the height of the menu bar, and breaking the layout:

![](http://i.imgur.com/uxDuv.png)