Css 内柱固定的容器流体

在引导过程中，将2列装入非流体容器中

.col-xs-9 / .col-xs-3

如何将此列的背景设置为左右边距的全宽？
我举了这个例子 404:
但

宽度：75vw和<代码>宽度：25vw没有像我想象的那样工作。

我怎样才能解决这个问题

想要的结果：

*橙色-容器

*绿色-左栏

*蓝色-右列

*暗绿色-左背景

*深蓝色-右背景


我可以补充一下

body {
    overflow: hidden;
}

并给出两列
宽度：100vw但背景图像内容将在外部。
您的背景图像位于具有定义宽度的容器内。您需要使容器的宽度为100vw，然后左栏为75vw，右栏为25vw。然后，您的背景图像将覆盖整个屏幕。
手动使用密集的
calc
对
类型的第一个
和
类型的最后一个
的宽度和边距进行求解

示例：

也许我会创建一个mixin来为所有具有偏移、拉、推和所有其他内容的列生成它

更新：更新到Bootstrap 4，修复了可滚动内容的一些问题
是否需要使背景图像填满整个视口？谢谢，但没有。背景应该从柱子相互接触的地方开始。它被称为
容器流体
，但他不想使用它不想使用什么？容器流体。OP说：“……放入非流体容器”