Посмотреть все уроки курса
Выбрать другой урок из курса
Обсуждение
Теория урока

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

Примечание

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


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

<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.