Как правильно сверстать блоки, которые накладываются?

Question

[Человек]

Здравствуйте.
Нужно добавить новый блок на сайт, но не могу до конца понять как это реализовать
Нужно сверстать вот этот блок.
prntscr.com/evxjf3
Адаптивно (<992px) должно выгледить вот так (уже есть):
prntscr.com/evxkxh

Думал через col..-pull/push но мне кажется это немного не то.
Наверное нужно позиционирование абсолют, в блоках с изображениями фиксированная высота
Сайт на bootstrap3.

Что посоветуете?

* media и z-index я знаю, я не знаю как правильно выровнять так как в макете :)

** https://jsfiddle.net/kuv7kkxq/

Comments

[Антон Плашкевич]

для начало скиньте ваш код что у вас получилось, а то тут нету провидцев

[Человек]

Антон Плашкевич: https://jsfiddle.net/kuv7kkxq/

Answer 1

[Максим Тимофеев]

Что посоветуете?

Советую не решать любую задачу средствами bootstrap. Это удобный инструмент, но не заменяет знаний css. Ознакомитесь: htmlbook.ru/css/media

Конкретно в Вашем случае, можно задать для текста отрицательный маргин сбоку, и потом убирать его. А перенос решать с помощью col-xs-6 col-md-12

Вы бы выложили, то что получается на https://jsfiddle.net например и тогда Вам помогут.

Answer 2

[Антон Плашкевич]

@media
z-index

читаем - и всё будет ясно и понятно