使用 Neat 列之间的边距答案

【问题标题】：Margin between columns using Neat使用 Neat 列之间的边距
【发布时间】：2015-03-27 22:29:28
【问题描述】：

在我看来，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】：

您似乎错误地命名了您的类（div 具有类 .col-2，scss 具有 .col-3），并且由于您嵌套了类，因此列 mixin 未应用于子 div。

【讨论】：

感谢您的回答，但这只是我尝试不同事物的结果。我对元素进行了适当的分类。但是，我只是将您的代码复制并粘贴到我的项目中，它仍然行为不端，所以这让我有了另一个想法。显然，我的 normalize 样式表与我的 Neat 规则相混淆。我禁用了规范化，它的行为符合预期。感谢您的推动！

【解决方案2】：

问题与我的规范化样式表有关。有一些规则凌驾于 Neat 之上。

【讨论】：