css - Bootstrap .container-fluid 内列固定

Question

在 Bootstrap 中，将 2 列放入非流体容器中

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

如何使此列的背景为左右边距的全宽？
我做了这个例子 404:http://codepen.io/iamandrewluca/pen/VmOJVJ
但是 width: 75vw; 和 width: 25vw; 并不像我想象的那样工作。
我该如何解决这个问题？

想要的结果:
* 橙色 - 容器
* 绿色 - 左栏
* 蓝色 - 右栏
* 深绿色 - 左背景
* 深蓝色 - 右背景

我可以添加

body {
    overflow: hidden;
}

并给两列 width: 100vw; 但背景图像内容会在外面。

Answer 1

您的背景图像位于具有定义宽度的容器内。您需要使容器的宽度为 100vw，然后左列为 75vw，右列为 25vw。然后您的背景图片将覆盖整个屏幕。