如何设置一个宽度为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; 
    } 
}