我可能是错的,但根据大多数网格系统的工作原理,这种情况下的最大列12始终是其容器的100%宽度。因此,要在div中创建两列,它们实际上应该是6列。
<div class="container"> <div class="header four columns"> <div class="row"> <div class="class six columns" style="background-color:white;">2 columns</div> <div class="class six columns" style="background-color:white;">2 columns</div> </div> </div> <div class="content-top eight columns"> <div class="row"> <div class="three columns" style="background-color:white;">test</div> <div class="three columns" style="background-color:white;">test</div> <div class="three columns" style="background-color:white;">test</div> <div class="three columns" style="background-color:white;">test</div> </div> </div> </div>
我想这会给你在左边div中寻找的两个圆柱布局。