How to make fixed columns framing the main content in Bootstrap?

Want to make the site three columns. In the center of the content at the edges of the fixed images which this content is framed. (on mobile, they are disabled and only the Central column)
I found several solutions on SO and best I could get here:
www.bootply.com/lbF2piv6x0
But unfortunately, lots of joints .-.
Girls stick to anything, and not to the main content...
32d97308a3f64186a37d638a70f05022.png
Moreover, when resize of the browser window, they could go somewhere specifically to get stuck.
a3e14c1688ce4ab28f2eb7790ea7a789.png
And the menu itself generally leads negociate (
9beb6c836fd047b78fb0c3a184189448.png
Maybe someone can give a link to a good example or a good word in article on habré? :D
July 8th 19 at 13:47

Find more questions by tags Adaptive designBootstrapCSSHTML