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

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

«Для меня долгое время было загадкой, как что-то очень дорогое и технологичное может быть столь бесполезным. И вскоре я осознал, что компьютер — это глупая машина, обладающая способностями выполнять невероятно умные вещи, тогда как программисты — это умные люди, у которых талант делать невероятные глупости. Короче, они нашли друг друга.»

Писатель

Билл Брайсон

1951 г.
Главная » 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.

Примечание

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

Похожие записи:

Урок 4. Адаптивные столбцы в Bootstrap Урок 3. Создаем столбцы в Bootstrap Урок 5. Небольшая практика по Bootstrap Урок 2. Подключаем Bootstrap Урок 1. Введение в курс «Bootstrap — сетки» Урок 8. Создание версий проекта в Git Урок 4. Основные команды в Git Урок 3. Генерация SSH-ключа для работы с GitHub Урок 5. Применение Git на практике. Часть 1 Урок 2. Подготовка проекта к работе с Git
Bootstrap. Просмотров: 892
30.07.2022
Codebra