@Vlobik
HTML / CSS / BOOTSTRAP / MODX / Photoshop

Ка разместить все колонки в одну строку, если колонок переменное кол-во?

Добрый день. Использую bootstrap 4. Есть такая загвоздка.

В row находятся колонки. На некоторых разрешениях экрана, они должны быть в одну строку. Проблема в том, что их может быть 3 или 4, в зависимости от аккаунта. С мобильной версией все легко, каждой колонке прописать col-12. А вот как быть с другими разрешениями? Колонки должны быть в одной строке, но их может быть 3, а может быть 4. Простой "сol" не подходит, т.к содержимое колонок выглядит коряво когда их 4е шт.

Есть ли какое гуманное решение на CSS, без применения JS?
  • Вопрос задан
  • 250 просмотров
Пригласить эксперта
Ответы на вопрос 3
Madeas
@Madeas
UI / UX Designer, Frontend Developer
не совсем понял логику вопроса, но вы можете поиграться с col-md-6 col-lg-3. Подберите то что нужно.
Ответ написан
natojezlo
@natojezlo
css grid = minmax
Ответ написан
Комментировать
EathbornBot
@EathbornBot
...
Можно же писать просто col - тогда колонки будут занимать всю ширину блока пропорционально количеству колонок
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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