Неотзывчивая панель навигации с Bootstrap 3

Это абзац из документации Bootstrap 3 об отключении отзывчивости для панели навигации:

Если вы используете навигационные панели, отмените все действия, связанные со свертыванием и расширением навигационной панели (это слишком много, чтобы показать здесь, так что взгляните на пример).

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


twitter-bootstrap twitter-bootstrap-3
person Fred K    schedule 19.09.2013    source источник
comment
См.: Bootstrap, удалить отклик с панели навигации в SO   -  person kenorb    schedule 19.05.2015

Ответы (2)


arrow_upward
6
arrow_downward

Проверьте это: https://github.com/bassjobsen/non-responsive-tb3 а также прочитайте https://github.com/twbs/bootstrap/issues/10371 .

Вы можете сделать это, установив для @grid-float-breakpoint значение 0 в файле variable.less. И перекомпилировать бутстрап.

обновление Как упоминалось в комментариях @fred-k, приведенное выше не сделало выпадающие списки навигационной панели не реагируют. Чтобы исправить это, вам также нужно установить @screen-xs-max в navbar.less на 0. Эта проблема будет исправлена ​​в будущих выпусках, см. https://github.com/twbs/bootstrap/pull/10465

Обратите внимание, что @screen-xs-max в navbar.less также влияет на формы Navbar.

person Bass Jobsen    schedule 19.09.2013
comment
Привет Басс. Я попробовал ваш неотзывчивый tbr и работает хорошо, но я предпочитаю взламывать официальный код Bootstrap. Вот почему я прошу только для навигации. Да, установка переменной @grid-float-breakpoint на 0, похоже, решает проблему, но выпадающее меню отображается как отзывчивое! Какие еще изменения мне нужно сделать, чтобы полностью отключить отзывчивость панели навигации? спасибо - person Fred K; 20.09.2013
comment
Так хорошо, Басс! Теперь все вроде не отвечает. На ваш взгляд, есть ли другие правки (которые я сейчас не вижу)? - person Fred K; 20.09.2013
comment
Для навигационной панели никаких других изменений не требуется. Если вы хотите исправить ширину панели навигации и содержимого, вам следует взглянуть на класс .container. Другие изменения см. также: bassjobsen.weblogs.fm/< /а> - person Bass Jobsen; 20.09.2013
comment
По крайней мере, с версии 3.1.1 у меня это не работает. Изменение точки останова плавающей сетки не влияет. - person Michael Oryl; 24.05.2014
comment
@MichaelOryl см. getbootstrap.com/getting-started/#disable-responsive в первое место. Установка @grid-float-breakpoint: 0; в less/variables.less и перекомпиляция начальной загрузки путем запуска grunt dist также будут работать для текущей версии 3.1.1. версия. - person Bass Jobsen; 24.05.2014
comment
это работает для того, чтобы все панели навигацииs не реагировали. Что делать, если вам нужен один отзывчивый, а другой нет? - person challet; 22.06.2017

arrow_upward
8
arrow_downward

Что ж, ключ, похоже, заключается в создании таблицы стилей, которая блокирует все адаптивные элементы. Взгляните на http://getbootstrap.com/examples/non-responsive/non-responsive.css для того, что они используют, чтобы страница перестала реагировать. Вы могли бы, вероятно, поднять весь этот лист.

Что касается конкретно панели навигации, вы ничего не можете сделать, не имея листа, подобного тому, который связан с этим ответом. При этом единственная вещь, которую пример не делает, что вам, вероятно, следует, — это вырвать значок меню, который будет отображаться, когда навигационная панель рушится. Это будет этот кусок кода:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>
person Sean Ryan    schedule 19.09.2013