Grid ZURB基金会4 -没有第一和最后一列柱 我在我的项目中使用基金会4和SASS。我的柱子的排水沟有问题。我的问题是，柱的左右两侧都有填充物，除非柱跨越整个宽度

因此，如果我有一个元素跨度为全宽（12列）的行，它没有填充，宽度为100%。但是，如果我有另一行，上面有几列，那么第一行和最后一行会被槽缩进，因此它们不会与上面的元素对齐

例如：

HTML

因此，您可以看到，

小部件

将没有填充，并且将比

旁边的
+部分
更大

我已经在Bootstrap的第一和最后一栏中读到，它们上面没有填充物，我想做类似的事情。我尝试在父行上使用“折叠”，但它似乎没有任何作用，填充物仍然存在

我知道我可以在第一列中添加一个
.first-class
，然后执行
。first-class{padding left:0！important；}
，这是我找到的最常见的答案，但它似乎不太符合语义

我希望基金会在他们的网格栏MIXIN中添加一个参数来管理这样的补丁！p>
我希望基金会在他们的网格栏MIXIN中添加一个参数来管理这样的补丁！p>
。您也可以只指定
右填充：0；左侧填充：0
您自己，但
折叠

我希望基金会在他们的网格栏MIXIN中添加一个参数来管理这样的补丁！p>
。您也可以只指定
右填充：0；左边填充：0
你自己，但是
折叠
哦，我明白了！谢谢我试图对行而不是列应用
collapse
。。。对基础文档中的<代码>塌陷< /代码>选项的解释对我来说似乎不太清楚，因为它说：“如果您有一个折叠行，则需要将列设置为崩溃。”但是我的那排没有倒塌，所以我跳过了。我更喜欢你的答案中的github源代码，它清楚地指出“如果崩溃了，请去掉排水沟填充”。我明白了！：）哦，我明白了！谢谢我试图对行而不是列应用
collapse
。。。对基础文档中的<代码>塌陷< /代码>选项的解释对我来说似乎不太清楚，因为它说：“如果您有一个折叠行，则需要将列设置为崩溃。”但是我的那排没有倒塌，所以我跳过了。我更喜欢你的答案中的github源代码，它清楚地指出“如果崩溃了，请去掉排水沟填充”。我明白了！：）
<div class="row">
    <div class="widget">
        Some contents here
    </div>
</div>
<div class="row">
    <aside>Left aside, first column</aside>
    <section>Right section, last column</section>
</div>

.widget {
    /*Spans the 12 columns*/
    @include grid-column($total-columns); 
}
aside {
    @include grid-column(3);
}
section {
    @include grid-column(9, true);
}