2015-09-25 51 views
0

我目前使用波旁的整潔網格系統創建一個簡單的項目,目前我試圖創建一個總共6個對象的3列列表,但是當我試圖跨越他們在4列每個事情都會發生,他們只成爲2列。波旁的整齊的網格列不能正常工作

它只在每個元素的右側添加邊距,但這沒關係,因爲所有事情都是預設的我猜?所以這不是問題。

我該怎麼做才能做到這一點?

這裏是上海社會科學院摘錄:提前

#serviceList { 
     @include row(); 

     li { 
      @include pad(1em); 
      @include span-columns(4 of 12); 

      img, p { 
       float: left; 
      } 
     } 
    } 

謝謝!

+0

您確定這是對的嗎? '@include span-columns(4 of 12);' –

+0

對不起,我寫了我的答案,忘了發貼! ':P' –

回答

2

我設法整理出來。在某種程度上...

#serviceList { 
@include row(); 

li { 
    @include pad(1em); 
    @include span-columns(4); 
    @include omega(); 
    img, p { 
     float: left; 
    } 
    } 
} 

enter image description here

我添加了 「@include歐米茄();」 mixin消除它們之間的溝槽邊緣。但是因爲我對Neat很陌生,所以我想知道這是否是正確的做法?有人可以解釋嗎?