ブートストラップ：v3.3.7全幅の背景色の問題を理解するのに助けが必要

Question

まずはこんにちは。

私は大きなデバイスでは、ヘッダーの背景色を全幅にしてブートストラップを使用しても問題はありませんが、コンテナ流体のソートは、私が達成しようとしているのは、小さいスクリーンサイズ（すなわち< 768）全幅の背景はもはや全幅ではなく、ビューポートの縁に左右のマージン/溝があります。例えば

：

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-12 col-xs-12"> 
    </div> 
    </div> 
</div> 

は、すべての画面サイズを横切る全幅ヘッダを与えます。

しかし：

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12 col-xs-12"> 
     </div> 
    </div> 
</div> 

は私はヘッダ下のビューポートサイズを変更するときに、ビューポートの幅いっぱいになる（私は小さな画面用に望むものである）、より大きなビューポート上のマージン両側と中心ヘッダを与えます。

私はコンテナを別のコンテナに入れて、CSSとメディアクエリーを使用してメインコンテナの背景色を変更することができます（つまり：白）コンテナ（背景色の黒）は、左と右のマージン/溝になります。多分これは、エンジニアリング上、この問題であるかさえセマンティックも、誰かが私に多くの洞察力を与えることができ、

多くのおかげ

Answer 1

1つのdivをラップあなたcontainer

よう

<div class="header"> 
<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-12 col-xs-12"> 
    </div> 
    </div> 
</div> 
</div> 

が、その後headerクラス

にスタイルを適用しません