960 GridSystem，一个grid_12内有三个grid_4

Question

我创建了一个带有960gs的16列布局，其中div class =“grid_12”（main），然后是grid_4（右）（12 + 4 ......） 在grid_12里面我想要一个三列样式（3个.grid_4）。但是grid_4框不适合grid_12，最后一个框落入第二行。

960gs框架不应该能够为我做这个布局，我错过了什么吗？

提前致谢。

<div class="container_16">
...
<div id="main" class="grid_12">
 <div class="grid_12">
   <div class="grid_4"></div>
   <div class="grid_4"></div>
   <div class="grid_4"></div>
 </div>

 <div id="right" class="grid_4">

 </div>
</div>
...
</div>

Answer 1

发现我需要将alpha和omega分类添加到第一个和最后一个grid_4框中。现在它有效。

<div id="main" class="grid_12">
    <div class="grid_4 alpha">

    </div>
    <div class="grid_4">

    </div>
    <div class="grid_4 omega">

    </div>
</div>