css - 响应式网格系统如何调整到 960px

Question

我用了this网格系统。但它几乎有 1000 像素的宽度，我想调整 960 像素的大小，但我不知道该怎么做。我也试着给 body{width:960px; margin:auto;} 但这次我失去了响应的主要思想..

Answer 1

网格系统使用百分比来响应。您可以尝试将网格包含在 .container 中并在那里定义宽度:

HTML

<div class="container">
   <div class="span_12_of_12">
   ...
   </div>
</div>

CSS

.container {
   width: 960px;
   margin:0 auto;
}