Bourbon的Neat网格列不能正常工作

时间:2015-09-25 11:27:14

标签: css3 sass

我目前正在使用Bourbon的Neat网格系统创建一个简单的项目,目前我正在尝试创建一个包含6个对象的3列列表,但是当我尝试将它们分别跨越4列时,发生了,它们只变成了两列。

它只在每个元素的右侧添加了边距,但这是可以的,因为我猜是所有内容都已预先设置好了吗?所以这不是问题。

我可以做些什么来完成这项工作?

以下是SASS摘录:

    #serviceList {
       @include row();

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

           img, p {
               float: left;
           }
       }
    }

提前致谢!

1 个答案:

答案 0 :(得分:2)

我设法解决了这个问题。在某种程度上...

#serviceList {
@include row();

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

enter image description here

我添加了" @include omega();" mixin可以消除它们之间的沟槽边缘。但由于我是Neat的新手,我想知道这是否是正确的方法呢?有人可以解释一下吗?