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

Question

[Боб Семович]

Как реализовать такое расположение блоков с учётом бутстрап колонок?
Для наглядности выделил блоки жёлтой и зелёной рамкой. Бутстрап колонки - синего цвета.
Между низом зелёного блока и низом жёлтого расстояние в 125 px (margin-bottom: 125px;)

Answer 1

[Rustam Bainazarov]

Как там на Bootstrap — я не знаю, но можно сделать, например, так:

Comments

[Боб Семович]

То что мне нужно! Огромное спасибо!

Answer 2

[Antowa Kartowa]

Предложу так навскидку. Может и не работать, могут нюансы полезть, но я бы начинал в таком направлении работать. У вас две колонки. Во второй колонке по очереди слоями идут блоки хлебных крошек, заголовка, блок с фото и какими-то ссылками, потом секция с основным текстом. Секция с фото и ссылками разбита на две колонки - одна для фото, другая для текста и ссылок. У секции с фото и ссылками есть свойство position: relative. Так же внутри секции с фото и ссылками должен быть блок который будет играть белый фон с желтой рамкой. У него например position: absolute, z-index: -1, top: -15px; left: 150px, right: 0px; bottom: - 125px;

https://jsfiddle.net/AntowaKartowa/Lh7bdef0/

Answer 3

[gian_tiaga]

Что именно вызывает затруднение? Это просто 2 дива с разным z-index одним родителем relative и абсолютным позиционированием относительно него.