Искать
Вы превысили запрос на
0 знаков

Это блог интерактивного сайта Codebra. Здесь публикуются материалы, выходящие за рамки основных курсов сайта, мои собственные мысли по программированию и новости сайта. Кстати, если нужны курсы, то Вам сюда.

«Измерять продуктивность программиста подсчетом строк кода — это так же, как оценивать постройку самолета по его весу.»

Предприниматель

Билл Гейтс

1955 г.

Главная » Bootstrap » Урок 6. Дополнительно по сеткам Bootstrap
Урок 6. Дополнительно по сеткам Bootstrap

Оглавление мини-курса «Bootstrap — сетки» от пользователя сайта Codebra

Также вы можете использовать ряд столбцов, использую класс .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.

Примечание

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

Bootstrap. Просмотров: 41
30.07.2022
Codebra