Как реализовать такое расположение блоков?

Как реализовать такое расположение блоков с учётом бутстрап колонок?
Для наглядности выделил блоки жёлтой и зелёной рамкой. Бутстрап колонки - синего цвета.
Между низом зелёного блока и низом жёлтого расстояние в 125 px (margin-bottom: 125px;)
5d9223c12d785701799809.jpeg
  • Вопрос задан
  • 381 просмотр
Решения вопроса 2
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Как там на Bootstrap — я не знаю, но можно сделать, например, так:
Ответ написан
@AntowaKartowa
Предложу так навскидку. Может и не работать, могут нюансы полезть, но я бы начинал в таком направлении работать. У вас две колонки. Во второй колонке по очереди слоями идут блоки хлебных крошек, заголовка, блок с фото и какими-то ссылками, потом секция с основным текстом. Секция с фото и ссылками разбита на две колонки - одна для фото, другая для текста и ссылок. У секции с фото и ссылками есть свойство position: relative. Так же внутри секции с фото и ссылками должен быть блок который будет играть белый фон с желтой рамкой. У него например position: absolute, z-index: -1, top: -15px; left: 150px, right: 0px; bottom: - 125px;

https://jsfiddle.net/AntowaKartowa/Lh7bdef0/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@gian_tiaga
Что именно вызывает затруднение? Это просто 2 дива с разным z-index одним родителем relative и абсолютным позиционированием относительно него.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы