合計12カラムで計算します。
.acms-containerで囲うと幅940px中央揃えに変わります。
ブロックをレイアウトするために使います。
<div class="acms-container"> <div class="acms-grid"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div> </div>
<div class="acms-container"> <div class="acms-grid-r"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div> </div>
グリッドの間隔(25px)
グリッドの間隔(30px)
<div class="acms-grid acms-space-30"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div>
<div class="acms-grid"> <div class="acms-col-4"> ... </div> <div class="acms-col-8"> <div class="acms-grid"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div> </div> </div>
.acms-push-5にするとグリッドが右側にきて、.acms-pull-7にするとグリッドが左側にきます。
<div class="acms-grid"> <div class="acms-col-7 acms-push-5"> ... </div> <div class="acms-col-5 acms-pull-7"> ... </div> </div>