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

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.

Примечание

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


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

<
×
>
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно