Bourbon Bitters和整齐的列号设置为8，而不是12

Question

我刚刚在我的rails应用程序中添加了Bourbon，Bitters和Neat。我试图将网格列的数量设置为12，但由于某种原因它是8。

我已完成以下所有操作：

• @import 'bitters/bitters'在bourbon之后和neat之前 我的清单文件。
• 我已经取消注释了Neat Override变量 _grid设置。具体来说，我已将$grid-columns设置为12。
• 我在苦味清单文件中导入_grid-settings和neat-helpers（然后将其导入应用程序清单文件中）。

我知道_grid-settings表正在运行，因为我可以更改除grid-columns之外的所有其他变量。我还没有在其他任何地方指定网格列，所以我完全感到困惑！

提前感谢您的帮助！

Answer 1

如果您使用的是默认的Bitters _grid-settings.scss文件，那么您将设置两行来设置断点：

$medium-screen-up: new-breakpoint(min-width $medium-screen 4);
$large-screen-up: new-breakpoint(min-width $large-screen 8);

无论你将$ grid_columns设置为什么，这些断点都将列设置为＆＃34; 4＆＃34;和＆＃34; 8＆＃34;分别 - 作为列值传递给新断点函数。因此，如果您在$大屏幕尺寸上查看项目，您将看到8个带有可视网格的列。

Answer 2

原来我的列设置正确。错误设置的是视觉网格。网格设置文件中的新断点将我的屏幕更改为8列，然后以这种方式显示可视网格。我不明白为什么他们是分开的，但我现在最后评论出新的断点，现在视觉网格与我想要的列对齐。