以前、デザインのグリッドに960.gsを使用しました。それはうまくいきました。しかし、htmlのクラスの量は少し面倒で、私はWeb純粋主義者なので、マークアップのスタイルを制御するのはいつも少し間違っていると感じています。
私は960.gsと同じ機能を追加する良い解決策を見つけようとしていますが、余分なクラスをすべて使わずに、som clever sass / less/etcを使用しています。
あなたが探しているのはSemantic.gsのようです。
.spanX
HTMLで etc を必要としないセマンティック マークアップでグリッドを強調します。
私はそれをスタイラスで書き直しました (スタイラスの実装はあまり良くありません) ので、スタイラスを使用する場合は喜んでコピーを差し上げます。
960 以降は少し学習曲線が必要ですが、 http://framelessgrid.com/サンプル (レスポンシブ) ビルドで良い経験ができました www.hardyamies.com
LESS と SASS の両方で利用できます。重要な概念は、css の幅に列変数を使用することです。つまり、ネーミングでセマンティックを維持できます。
http://semantic.gs/を強くお勧めします
HTML に追加のクラスは必要ありません。流動レイアウトまたは固定レイアウトであり、LESS、SCSS、Stylus で動作します。