css - Bourbon 的 Neat 网格列无法正常工作

Question

我目前正在使用 Bourbon 的 Neat 网格系统创建一个简单的元素，目前我正在尝试创建一个总共包含 6 个对象的 3 列列表，但是当我尝试将它们分别跨越 4 列时，发生了一些事情，它们变成了只有 2 列。

它只在每个元素的右侧添加边距，但这没关系，因为我猜一切都是预先设置的？所以这不是问题。

我该怎么做才能使这项工作成功？

这是 SASS 的摘录:

    #serviceList {
       @include row();

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

           img, p {
               float: left;
           }
       }
    }

提前致谢!

Answer 1

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

#serviceList {
@include row();

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

我添加了“@include omega();” mixin 消除了它们之间的间距。但由于我是 Neat 的新手，我想知道这样做是否正确？谁能解释一下？