Neat 2.0正在创建13列，而不是12

Question

我正在尝试将Neat 2.0集成到现有的代码库中（它本身基本上来自Web Starter Kit）。出于某种原因，当我打开grid-visual时，我看到 13 列而不是12。

为什么会出现这种情况有什么特别的原因吗？拔头发试图调试。

似乎柱子和排水沟以某种方式反转。

要复制，我已经下载了一个全新的Google Web Starter Kit，它给了我同样奇怪的结果。也许我正在错误地实施整洁？

我所做的就是在node-neat添加npm i -D node-neat并在gulpfile.babel.js gulp任务中更新我的styles：

   .pipe($.sass({
      precision: 10,
      includePaths: require('node-neat').includePaths
    }).on('error', $.sass.logError))

然后将以下内容添加到我的'main.scss'中：

@import 'neat';
.container {
  @include grid-container;
  @include grid-visual;
  > .col {
    @include grid-column(2);
  }
}

这是一个正在发生的事情的例子

Answer 1

看起来像是误导了实际列的排水沟（实际列之间的蓝色列）（白色）我已经对您的screen capture to illustrate进行了修改 - 列的编号为红色。 关于列的反转，在自定义网格中有一个方向属性可能有用吗？它允许您在ltr（从左到右）和rtl之间进行选择。它默认为ltr，这是你的例子所做的。