Как изменить верстку при разрешении менее 768 пикс на Twitter Botstrap?

Есть четырехколоночный макет.
Т.е. по 4 блока в строку.
Тут demo.ru.2139.vps.agava.net/bot показаны два варианта верстки такого макета на Twitter Bootstrap.
1 вариант: исходный макет имеет 4 колонки, при уменьшении размера экрана колонки сужаются, пока экран не достигнет размера 768 пикс. При 768 четыре колонки превращаются в две и остаются такими уже до самого маленького размера, вплоть до 328 пикс.
2 вариант: исходный макет имеет 4 колонки, при уменьшении размера экрана колонки сужаются, пока экран не достингнет 768 пикс. При 768 четыре колонки превращаются в одну.
Оба из этих вариантов не очень приемлемы для нас, т.к. в первом варианте минус тот, что при самом маленьком экране 2 колонки будут узковаты, а минус второго варианта в том, что при 768 пикс одна колонка - это слишком широкая колонка.
Так вот идеальным было бы, чтобы при 768 становилось бы 2 колонки, а при 480 одна.
Но у бутстрапа нет размера 480. Последний размер, при котором можно как-то поменять поведение верстки - это 768.
Подскажите пожалуйста есть ли смысл переопределять бутстраповские классы или создавать новые для еще одного размера (480 пикс) или это уже не актуально, т.к. ориентироваться на такие малые разрешения не стоит?
  • Вопрос задан
  • 2340 просмотров
Пригласить эксперта
Ответы на вопрос 2
Пропишите сами стили для этих колонок на данных разрешениях, или сразу все Bootstrap стили перепишите для колонок под эти разрешения, или через доп класс перебейте их.
Ответ написан
Комментировать
zoonman
@zoonman
⋆⋆⋆⋆⋆
Переопределить классы можно, для этого в bootstrap предусмотрен вариант сборки через sass/less.
Скачайте исходный код бустрапа и перекомпилируйте изменив этот файл https://github.com/twbs/bootstrap/blob/master/less... под себя.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы