@Arris1

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

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

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

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

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

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

Просьба указать верное ли решение, либо предложить свое, спасибо.
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы