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

Question

[Gallows-bird]

Думал что решил проблему, но нет.
Примерно как должно быть вот.


Т.е. выше есть контейнер, чтобы было понятно просто.

слева слайдер. Фон слайдера тянется на всю ширину, но сам контент должен быть центрирован. Я подогнал так чтобы на моем мониторе это выглядело приемлемо. НО если зумить, то контент слайдера уходит влево, так как container-fluid его никак не ограничивает. Справа блок другой высоты с другим фоном. Т.е. просто обернуть контейнер в wrap и задать ему общий фон не получится. Как осуществить это? Возможно ли это сделать в бутстрапе?

Нашел на просторах такой вот вариант https://www.bootply.com/I3EInWQJpL но это не решает проблему. Помогите спасите.

Answer 1

[Dymok]

Кто как адаптивно верстает 50% бэкграунды (слева одна картинка, справа другая)?

Comments

[Gallows-bird]

Гуглить разучился видимо. Спасибо большое.

Answer 2

[I'm Yoda]

Например так . Для блока где слайдер задайте margin-top: -50px

Comments

[Gallows-bird]

Проблема не в позиционировании этих двух блоков вертикально относительно друг друга. А в том что при зуме слайдер улетает далеко влево.