6.1. Дополнительно по сеткам Bootstrap
Также вы можете использовать ряд столбцов, использую класс .row-cols*
, чтобы установить количество столбцов.
Пример:
<div class="container">
<div class="row row-cols-2">
<div class="col">Столбец</div>
<div class="col">Столбец</div>
<div class="col">Столбец</div>
<div class="col">Столбец</div>
</div>
</div>
Также вы можете разорвать столбцы по горизонтали классом .w-100
Задание
Сверстайте этот макет на Bootstrap (использовать только сетку), и с технологией flex-box
.
Примечание
Если хотите, чтобы проверили ваше задание, присылайте мне в личные сообщения.
Автор курса: Олег Данилюк (по всем вопросам)