Дополнительно по сеткам 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.

Примечание

Если хотите, чтобы проверили ваше задание, присылайте мне в личные сообщения.

Автор курса: Олег Данилюк (по всем вопросам)