如何創建偏離中心的響應背景？

Question

我正在嘗試使用bootstrap創建一個具有一些奇怪背景的佈局。

對於內部頁面，它被分成2個不等列[leftcols & 5cols]左列需要白色背景&左邊需要淺灰色背景。無論大小如何，兩種背景都需要擴展到瀏覽器視口的邊緣。下面是一個不起作用的示例：http://dev.randallelectric.ca/

當您開始調整瀏覽器窗口的大小時，問題真的變得明顯 - 右側列背景應該顯示爲保持其位於文本後面的位置。

我不知道如何正確處理這個問題。有什麼想法嗎？

Answer 1

我認爲問題是因爲這樣：

在bootstrap.min.css

@media (min-width: 768px) 
.col-sm-7 { 
width: 58.333333333333336%; 
} 

如果你有寬度小於768px小於，寬度正在從.COL-SM-7

刪除

而且你可以做到這一點得到768px否則下全寬白色背景將是您當前背景：

@media (max-width: 768px) { 
div.content { 
background: #ffffff; 
} 
} 

Answer 2

嘗試使用.col-xs-7和.col-xs-5代替。