ブートストラップ.container流体は、ブートストラップに持つ

Question

を固定し、非流体容器内に2列

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

は、どのように私はこのコラムのための背景を左に全幅と右余白することができますか？
私はこの例を作った 404：http://codepen.io/iamandrewluca/pen/VmOJVJ
しかし、width: 75vw;とwidth: 25vw;は私が想定しているとおりに動作しません。
どうすればこの問題を解決できますか？

は結果を求めていました：
*オレンジ - コンテナ
*緑 - 左の列
*ブルー - 右の列
* darkgreen - 左背景
* DARKBLUE - 右の背景

私はちょうど追加することができます

body { 
    overflow: hidden; 
} 

を入力し、両方の列にwidth: 100vw;を入力しますが、背景イメージの内容が外に出ます。

Answer 1

first-of-typeとlast-of-typeの幅と余白に集中的にcalcを使用してマニュアルで解決しました。
例：4をブートストラップするために更新され、スクロール可能なコンテンツ

のいくつかの問題を修正： https://codepen.io/iamandrewluca/full/zzWrXe/
たぶん私は

UPDATEを、オフセットを持つすべての列のためにこれを生成するためのミックスインを作成引っ張る、プッシュ、および他のすべてのものよ

Answer 2

あなたの背景イメージは、定義された幅を持つコンテナ内にあります。コンテナの幅を100vw、左の列を75vw、右を25vwにする必要があります。その後、あなたの背景イメージは画面全体をカバーします。