html - 使用 Neat 的列之间的边距

Question

在我看来，Neat 的默认行为应该是每个跨度列在相邻跨度列之间应该有一个边距(或间距)。我在网上找到的每个示例都只是简单地安装了 Neat，做了一个快速演示，结果在相邻元素之间出现了一个间距。没有更改设置。

有人知道为什么我没有发生这种情况吗？我全新安装了 Bourbon 和 Neat。我的html如下...

<footer class="col-2">
  <section class="left">
    content
  </section>
  <section class="right">
    content
  </section>
</footer>

我的 sass 看起来像...

.col-3 {
  @include outer-container;

  .left {
    @include span-columns(6);
  }

  .right {
    @include span-columns(6);
  }
}

这是渲染输出的链接:

所以我实际上有 2 个问题。

1. 为什么即使我 float 左边的列，列也会堆叠在一起？
2. 为什么我的列会忽略每列之间的间距？

Answer 1

看起来你错误地命名了你的类(div 有 class .col-2 而 scss 有 .col-3)并且因为你嵌套了你的类，所以列 mixin 不适用于子 div。

代码在此处与匹配的类名一起使用 http://sassmeister.com/gist/0c1963fef94a14d5268f