Neat 2.0は12の代わりに13列を作成しています

Question

私はNeat 2.0を既存のコードベースに統合しようとしています（それ自体は基本的にWeb Starter Kitのものです）。私はgrid-visualの電源を入れたときに何らかの理由で、私はの列を見ている代わりに、12

のこれが発生する可能性がありますなぜ、特定の理由がありますか？デバッグしようとして髪を引き出します。

また、列と溝が何らかの形で逆転しているようです。

複製するには、新しいGoogle Webスターターキットをダウンロードしましたが、それは私に奇妙な結果をもたらします。おそらく私はニートを実装していますか？

は私がしたすべてのnpm i -D node-neatでnode-neatを追加し、更新され、私のstyles一気のタスク内gulpfile.babel.js：ここだ

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

：

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

はその後、私の 'main.scss' に、次の追加何が起こっているかの例

Answer 1

あなたの誤解のようです実際の列の白い柱（実際の列の間にある青い列）screen capture to illustrate - 列は赤で番号が付けられています。 列の逆転に関して、カスタムグリッドにdirectionプロパティが使用されていますか？ ltr（左から右）とrtlの間で選択することができます。これはデフォルトでltrになります。これはあなたの例がしているように見えます。