@Arris1

Как сверстать на bootstrap нестандартные колонки?

Добрый вечер!
Прошу прощения, если тема стара.

Хотел бы решить вопрос использования бутстрапа на нестандартных макетах, прошу оценить верен ли ход моих мыслей или может делать нужно все не так.
Просьба указать решение именно для бутстрапа.

Имеем 4 колонки не подходящие под стандартную 12-колоночную систему бутстрапа.
Более того, колонки разные по ширине, например, 300px 400px 260px 260px. Нужно разместить их в сетку, чтобы вели себя на мобиле как надо - вставали вертикально одна над другой.

Как я вижу решение на бутсрапе:

1. генерим три разных бутстрап сетки (для 1 колонки свою сетку, для 2 свою и общую для 3,4 колонок) с нужными размерами. Такое решение видел на тостере, например, для 5 колонок - генерят сетку другую.
2. подгоняем медиа-запросы для сворачивания на мобиле для каждой сетки к одному значению.
Теперь вроде все должно работать.
3. три файла бутстрап объединяем в bootstrap.min.css для сжатия

Просьба указать верное ли решение, либо предложить свое, спасибо.
  • Вопрос задан
  • 271 просмотр
Пригласить эксперта
Ответы на вопрос 1
zoozag
@zoozag
Opencart
Вы бы на написание собственных стилей для 4 колонок потратили меньше времени чем на написание этого вопроса.
Иван верно пишет
Не использовать бутстрап,а flexbox +ручки
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы