버번 깔끔한 3 열 그리드를 만드는 방법은 무엇입니까?

Question

3 열 그리드를 만들고 행 전체에 균등하게 분포 된 열을 만들려고합니다.

내 태그는 간단하다

<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> 

내 SCS들도 꽤 솔직하다.

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

결과가 엉망 그러나 : 내가 원하는에 가까이

. 그러나 블록들이 모두 자리 잡고 있습니다. 가로 또는 세로로 균등하게 분배되지 않았습니다.

여기에 무슨 일이 일어날 수 있습니까? 블록을 균일하게 분포시킨 간단한 3 열 그리드를 얻으려면 어떻게해야합니까?

Answer 1

여기에 omega 믹스 인을 사용해야합니다. 이 시도 : 여기

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

일부 자세한 내용 :

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