Почему навигация исчезает [Bootstrap 3]?

Question

[orange_blue]

2 косяка в верстке и не могу понять как исправить:

1. Исчезает она если зайти на сайт - изменить размер окна браузера до sm или xs - открыть спрятанное в кнопку меню и закрыть - изменить размер окна браузера до md или lg/

2. И еще когда заходишь на сайт с телефона - меню изначально открыто (а не спрятано в кнопку) и скрывается только после нажатия кнопки.

Ссылка:
goo.gl/eMpQ8j

Answer 1

[Михаил Пятинский]

Работает криво из-за того, что верставший человек плохо разобрался в бутстрапе.
Вам нужно ваш DOM:
div.container > div.row > ul{.nav|.nav-pills....}
поменять на:

nav.navbar > { div.header | [ div.collapse > ul.nav ] }

см. bootstrap navbar
И уже после этого применять ваши стили, иначе collapse у вас работать не будет, да и отзывчивость меню будет под вопросом.

Comments

[orange_blue]

Мне нужно именно в виде PILLS. Такие же кнопки. Оформить так же nav bar не получилось

Answer 2

[Дмитрий Еремин]

у них на сайте же готовый код меню: getbootstrap.com
Просто возьмите оттуда кусок