Bourbon Bitters和Neat Column Number设置为8,而不是12

Question

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

我做了以下所有事情:

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

我知道_grid-settings表正在工作,因为我可以更改每个其他变量EXCEPT 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设置为什么,这些断点都将列分别设置为"4"和"8" - 因为列值正在传递给新断点函数.因此,如果您在$大屏幕尺寸上查看项目,您将看到8个带有可视网格的列.