Как разместить 5 элементов в bootstrap-4 в одну строку и так, чтобы адаптив тоже был адекватным?

Question

[Людмила]

Добрый день!

Подскажите пожалуйста, как разместить 5 элементов адекватно в col - bootstrap-4? Дизайнер захотел именно так, а я почему-то не могу разместить правильно... Обычный container... Но на 5-то он не делится.



P.s. В гугле не нашла. Или спрашиваю не то.

Буду рада любой помощи и благодарна за нее!

Answer 1

[Владимир Коротенко]

https://jsfiddle.net/vkorotenko/tymaceqw/

а можно и так
https://jsfiddle.net/vkorotenko/vdu3ey4j/

Comments

[Людмила]

Второй вариант, предложенный Вами я и использовала в работе изначально, но там адаптива нет никакого((

[Владимир Коротенко]

Людмила, Что подразумевается под адаптивом?

можно добавить медиа запросы и все будет складываться, если вы это имеете в виду.

[Владимир Коротенко]

Вот например исправил, подвигайте границу окна.

https://jsfiddle.net/vkorotenko/vdu3ey4j/

И учитывайте параметры сетки
https://bootstrap-4.ru/docs/4.0/layout/grid/#grid-...

[Людмила]

Спасибо Вам большое, Владимир!