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

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


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

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

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