2015-09-25 52 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很陌生,所以我想知道这是否是正确的做法?有人可以解释吗?