css - レスポンシブ グリッド システム 960px にサイズ変更する方法

Question

このグリッドシステムを使用しました。しかし、幅がほぼ1000pxになりました。その960pxのサイズを変更したいのですが、方法がわかりません。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;
}