Как использовать Twitter Bootstrap 3 для сайта, не отвечающего требованиям?

Как вы можете прочитать на своей странице, новый Bootstrap 3 является «первым мобильным»:

С Bootstrap 2 мы добавили дополнительные мобильные стили для ключевых аспектов структуры. С Bootstrap 3 мы с самого начала переписывали проект, чтобы быть мобильным . Вместо того, чтобы добавлять дополнительные мобильные стили, они запекаются прямо в kernel . Фактически, Bootstrap является мобильным первым. Мобильные первые стили можно найти по всей библиотеке, а не в отдельных файлах.

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

Для более подробной процедуры см. Как использовать Twitter Bootstrap 3 для сайта, не отвечающего требованиям

Из документации Bootstrap (плюс некоторые пояснения):

Чтобы отключить чувствительные функции, выполните следующие действия. См. Его в действии в модифицированном шаблоне ниже.

1) Удалите (или просто не добавьте) область просмотра указанную в документах CSS

сам за себя

2) Снимите максимальную ширину на .container для всех уровней сетки с максимальной шириной: none! Important; и установите правильную ширину, как ширина: 970px ;. Убедитесь, что это происходит после CSS Bootstrap по умолчанию. Вы можете опционально избежать важности с помощью медиа-запросов или некоторых селектор-fu.

Добавьте этот стиль:

 .container{ max-width: none !important; width: 970px; } 

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

Откройте variables.less и установите переменные:

@grid-float-breakpoint до 0

@screen-xs-max до 0 (это будет исправлено, читайте здесь )

4) Для макетов сетки используйте classы .col-xs- * в дополнение к или вместо средних / больших. Не волнуйтесь, сверхмалая grid устройств масштабируется до всех разрешений, поэтому вы настроены.

сам за себя

Вам все равно потребуется Respond.js для IE8 (так как наши медиа-запросы все еще присутствуют и их нужно подобрать). Это просто отключает «мобильный сайт» Bootstrap.

Без основных модов к источнику это просто не представляется возможным.

Следующая ссылка содержит сведения о необходимых изменениях: http://bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/

Документация Bootstrap 3 фактически содержит абзац для этой проблемы: http://getbootstrap.com/getting-started/#disable-responsive

Ну, я искал то же самое. Я еще не проверил его, поэтому я не могу подтвердить его функциональность, но вот версия с отзывчивым выниманием:

https://github.com/bassjobsen/non-responsive-tb3

Ознакомьтесь с ответом здесь Jay Douglass, в котором подробно описываются переменные точки прерывания медиа-запроса, чтобы отключить чувствительные функции. Это простое решение, требующее минимальных изменений.

Как удалить отзывчивые функции в Twitter Bootstrap 3?

С небольшими усилиями вы можете это достичь.

1) Удалить окно просмотра

2) Добавить .container{ max-width: none !important; width: 970px; } .container{ max-width: none !important; width: 970px; } .container{ max-width: none !important; width: 970px; } в ваш файл css

3) Если вы используете navbars, отмените все рушительные и расширяющиеся действия на навигационной панели

4)

Для макетов сетки используйте classы .col-xs- * в дополнение к или вместо средних / больших. Не волнуйтесь, сверхмалая grid устройств масштабируется до всех разрешений, поэтому вы настроены.

Вы можете перейти по ссылке ниже:

http://getbootstrap.com/getting-started/#disable-responsive

  • Изменение точки останова на панели навигации при загрузке без использования МЕНЬШЕ
  • Переупорядочивание divs с помощью Twitter Bootstrap?
  • Отзывчивый веб-дизайн работает на рабочем столе, но не на мобильном устройстве
  • Отзывчивый сайт на iPhone - нежелательное белое пространство для поворота от пейзажа к портрету
  • Отзывчивый веб-сайт уменьшен до полной ширины на мобильном телефоне
  • Как удалить отзывчивые функции в Twitter Bootstrap 3?
  • Щебетать сетку Bootstrap 3, изменение точки останова и удаление прокладки
  • iPhone 5 CSS-медиа-запрос
  • Не отображается ли «display: none», чтобы изображение не загружалось?
  • Жидкость или система с фиксированной сеткой, в гибком дизайне, основанная на Twitter Bootstrap
  • загрузочная таблица 3 с фиксированной первой колонкой
  • Давайте будем гением компьютера.