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

Question

[Viktor Burdale]

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

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

Есть ли какое гуманное решение на CSS, без применения JS?

Answer 1

[Andrej Sharapov]

не совсем понял логику вопроса, но вы можете поиграться с col-md-6 col-lg-3. Подберите то что нужно.

Comments

[Viktor Burdale]

Не могу. Т.к если в строке 4 колонки то нужно ставить "col-lg-3", а если в строке 3 колонки - то нужно ставить "col-lg-4".. Вот такая засада у меня..

[Andrej Sharapov]

Viktor Burdale, тогда можно вместо row и col-... использовать d-flex и/или m-auto со всеми вытекающими

Answer 2

[азаза]

css grid = minmax

Answer 3

[Ilnur Davletbaev]

Можно же писать просто col - тогда колонки будут занимать всю ширину блока пропорционально количеству колонок