如何設置一個寬度爲960像素，寬度爲1280的12列的自舉網格？

Question

如何爲12列設置一個960px的引導程序網格，但每行的寬度是1280px，所以只有行背景圖像/顏色寬度是1280px，並且在160px（1280-960/2）的兩側都有填充？

Answer 1

如果您使用的是引導框架，那麼你會使用<div class="row">之外的<div class="container">

容器是具有寬度在CSS，而該行沒有寬度的元素這樣就可以跨越容器中包含內容的頁面寬度。

從引導CSS：

@media (min-width: 768px) { 
    .container { 
    width: 750px; 
    } 
} 
@media (min-width: 992px) { 
    .container { 
    width: 970px; 
    } 
} 
@media (min-width: 1200px) { 
    .container { 
    width: 1170px; 
    } 
}