How to lay out several right columns of bootstrap in the entire remaining width?

Question

css

Hello.
Made the page on the bootstap grid. This is the main design.
And here's what the design for other pages looks like.

The right part of the block, or rather its background, is expanded to full screen. Container is not suitable for this purpose, as it has a fixed width.
If you set container-fluid, then the left block (Menu) will jump back and forth, especially since it should have a transparent background. Apparently some tricky mix of container and container-fliud is needed, but I have already broken my head on how to do it.
Tell me please.

Answer 1

www.bootply.com/XYVEABrrDO

Answer 2

Or maybe just stupid not to use the container?

Answer 3

Solved the problem with :before, :after pseudo-elements. I positioned them to the left of the right of my blocks and gave them the same background.