Is there a way in Bootstrap to have 2 columns within a non-fluid container?
.col-xs-9 / .col-xs-3
I am trying to make the backgrounds for these columns extend all the way to the left and right margins. I attempted the following example: http://codepen.io/iamandrewluca/pen/VmOJVJ, but using `width: 75vw;` and `width: 25vw;` did not provide the desired outcome. Any ideas on how to solve this issue?
Desired result:
* Orange - Container
* Green - Left Column
* Blue - Right Column
* Dark Green - Left Background
* Dark Blue - Right Background
One possible solution is to add the following to the CSS:
body {
overflow: hidden;
}
This gives both columns a width of 100vw, but it causes the background image content to go beyond the edges.