Минимальная ширина бутстрапа Twitter в ответном макете

Есть ли способ сказать bootstrap, чтобы не сжимать элементы, когда разрешение меньше, чем:

/* Portrait tablet to landscape and desktop */.
@media (min-width: 768px) and (max-width: 979px) { ... }

Я хочу поддерживать большой экран рабочих столов и планшетов, но ничего ниже, чем это разрешение.

Ответы

Ответ 1

Вы можете добавить свойство css min-width для всех элементов, которые вы не хотите сокращать.

Ответ 2

Добавление свойства min-width обычно не останавливает систему сетки, поскольку при изменении размера классы span1-12 будут по-прежнему уменьшаться!

Лучшим вариантом является http://twitter.github.com/bootstrap/customize.html и отключить "Узкие планшеты и ниже (< 767px)" в ответном разделе, а затем загрузить ваш пользовательский бутстрап.

Ответ 3

Вы можете удалить код мультимедийного запроса для мобильного экрана в bootstrap.css

Ответ 4

Я сделал два шага

  • установить менее переменную @screen-sm-min: 10px. Это остановит все запросы к бутстрап-медиа

  • И просто установите min-width в верхний элемент.

Работает для меня