Задать вопрос
VerbAlexVlad
@VerbAlexVlad
Программист-любитель
bootstrap

Как утопить блок?

Есть четыре блока, один за другим (на картинке, нумерация расставлена) как сделать так, чтобы блок 4 встал под блоком 2 а не под самым длинным блоком из трех? Помещение блоков 2 и 4 в один блок "row" не пойдет
5d22cc1b146db177252469.jpeg
  • Вопрос задан
  • 143 просмотра
3 комментария
Подписаться 2 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 1
@ViktorWhere
Frontend developer
На бутстрапе это делается очень легко. Не понимаю почему помещение блоков в 2 и 4 в row не подойдет.
Например так:

<div class="container">
    <div class="row">
        <div class="col-sm-3">Левый блок</div>
        <div class="col-sm-6">
            <div class="row">
                <div class="col-12 mb-1">Верхний блок по середине</div>
                <div class="col-12 mb-1">Нижний блок по середине</div>
            </div>
        </div>
        <div class="col-sm-3">Правый блок</div>
    </div>
</div>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Backend Developer в бьюти-платформу LUUK
УК «Решения» • Москва
от 200 000 ₽
Angular frontend developer, разработчик middle+
IT Force • Краснодар
от 200 000 ₽
Middle+ Marketing manager
Правое полушарие Интроверта
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы