Css 波旁威士忌';s整齐的网格柱工作不正常

Css 波旁威士忌';s整齐的网格柱工作不正常,css,sass,Css,Sass,我目前正在使用Bourbon的Neat grid系统创建一个简单的项目,目前我正在尝试创建一个共有6个对象的3列列表,但当我尝试在每个对象上跨4列时,出现了一些情况,它们变成了2列 它只在每个元素的右侧添加边距,但这没关系,因为我想所有内容都是预设的?所以这不是问题所在 我能做些什么来让它工作 以下是SASS摘录: #serviceList { @include row(); li { @include pad(1em);

我目前正在使用Bourbon的Neat grid系统创建一个简单的项目,目前我正在尝试创建一个共有6个对象的3列列表,但当我尝试在每个对象上跨4列时,出现了一些情况,它们变成了2列

它只在每个元素的右侧添加边距,但这没关系,因为我想所有内容都是预设的?所以这不是问题所在

我能做些什么来让它工作

以下是SASS摘录:

    #serviceList {
       @include row();

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

           img, p {
               float: left;
           }
       }
    }

提前谢谢

我设法解决了。在某种程度上

#serviceList {
@include row();

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


我添加了“@include omega();”mixin,删除了它们之间的边距。但是,由于我是新手,我想知道这样做是否正确?有人能解释一下吗?

你确定这是对的吗<代码>@包括跨度柱(第4列,共12列):P