bootstrap 3 - Отключить наложение на навигационные кнопки на мобильных телефонах

Question

Как отключить navbar в Twitter Загрузите кнопку 3 в стек, чтобы перейти в новую строку, когда страница доступна через мобильный телефон?

Я всегда получаю что-то вроде этого:

Screenshot http://pix.toile-libre.org/upload/original/1463699669.png

Я пробовал все, от добавления пользовательских CSS для изменения .less файлов и далее перекомпиляций всего стиля Bootstrap (я изменял @grid-float-breakpoint переменные и Я даже играл с navbar.less), но, к сожалению, я не имел успеха.

Может кто-нибудь мне помочь, пожалуйста? Я в отчаянии, потому что я потерял целый день, пытаясь это исправить.

Answer 1

попробуйте удалить класс коллапс из меню и удаления кнопки:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

Answer 2

решаемые, я должен был добавить width атрибут в сНу контейнере, который имеет эти две кнопки с правой стороны. Div был неправильно изменен, поэтому он помещал вторую (переключаемую) кнопку в новую строку.

Answer 3

.navbar-toggle имеет имущество float: right;. Проверьте HTML-код вашего navbar. Кнопка переключения должна быть помещена первой, перед другими частями меню.