Bootstrap：v3.3.7需要幫助瞭解全寬背景顏色問題

Question

首先，您好。

我沒有問題在較大的設備上使用Bootstrap與全寬頁眉背景顏色，但我想要實現的容器流體排序是在調整縮小到較小的屏幕尺寸（即< 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

包一個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類