如何做一個波旁整齊的三列網格？

Question

我試圖創建一個三柱網，並已列均勻分佈在排分佈。

我的標記很簡單：

<div class="row"> 
    <div class="col"> 
    </div> 
    <div class="col"> 
    </div> 
    <div class="col"> 
    </div> 
    <div class="col"> 
    </div> 
    <div class="col"> 
    </div> 
    <div class="col"> 
    </div> 
</div> 

我SCSS也相當簡單。

.row { 
    @include outer-container ; 
    } 
.service { 
    @include span-columns(4) ; 
} 

然而結果是一個爛攤子：

這是接近我想要的。但這些街區遍佈各處。 它們不是水平或垂直均勻分佈的。

什麼可怎麼回事呢？ 我怎樣可以得到均勻分佈的塊一個簡單的三列網格？

Answer 1

你需要在這裏使用的omega混入。試試這個：

.row { 
    @include outer-container ; 
    } 
.service { 
    @include span-columns(4); 
    @include omega(3n); 
} 

一些更多的信息在這裏：

http://thoughtbot.github.io/neat-docs/latest/#omega