960 GridSystem, 하나의 grid_12 안에 세 개의 grid_4

Question

div class = "grid_12"(주)와 그 뒤에 grid_4 (오른쪽) (12 + 4 ...)가있는 960g의 16 열 레이아웃을 만들었습니다. 그 안에 grid_12 3 열 스타일 (3 피 _ grid_4)이 필요했습니다. 그러나 grid_4 상자는 grid_12 안에 들어 가지 않습니다. 마지막 상자는 두 번째 줄로 떨어집니다.

960g 프레임 워크에서이 레이아웃을 수행 할 수 없으면 놓친 것이 있습니까?

미리 감사드립니다.

<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

알파와 오메가를 첫 번째 및 마지막 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>