Bootstrap две навбары рушатся

В начальной загрузке я хочу иметь два navbar ниже друг друга. Моя идея: Navbar 1 имеет бренд: главное меню. Navbar 2 (ниже navbar1) имеет название бренда: подменю.

Когда пользователь просматривает сайт на своем мобильном телефоне, он видит две складные навигационные панели. Теперь пользователь может выбрать, какую навигационную панель открыть. Меню или подменю.

Я просто скопировал стандартный код на сайте начальной загрузки:http://getbootstrap.com/components/#navbar

Странная вещь. Когда я делаю свой браузер маленьким. Появятся две свернутые навигационные панели. "Главное меню" а также "подменю», Когда я нажимаю на кнопку за главным меню, появляется главное меню. Как и должно быть. Но когда я нажимаю кнопку подменю (uncollapse). ГЛАВНОЕ МЕНЮ открывается снова. Не подменю.

Я просто использовал стандартный код navbar с сайта начальной загрузки в ссылке, вставленной под eachoter и изменил названия брендов. ЗДЕСЬ это bootply:http://bootply.com/101690 Проверьте это на мобильном телефоне и посмотрите, что происходит в навигационных панелях.

Ответы на вопрос(1)

Ваш ответ на вопрос