如何更改我的默认Foundation 5网格使用的列数？

Question

我想将基础5网格使用的默认列数从12更改为24。我在这里看到了F5网格文档页面

https://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html

但实际上没有详细说明。我看到的是：

  

使用Sass进行自定义   使用Sass可以轻松自定义网格   _settings.scss文件中提供的变量。

     

SCSS

     

$ row-width：rem-calc（1000）;   $ column-gutter：rem-calc（30）;   $ total-columns：12;

当我取消注释$total-columns: 12 ;并将其更改为$total-columns: 24 ;时，绝对没有任何反应。再一次，我没有在这里看到非常详细的说明，所以我不知道我是否正确地做到了这一点。那么更改我的默认Foundation 5网格使用的列数的正确方法是什么？

Answer 1

如果您使用罗盘或grunt运行监视任务，则在保存时将在命令行中看到编译运行。

如果您已经构建了12列网格，然后更改为24，您会看到第一组列浮动，其余列向右移动，在中间留下一个大的间隙。

    // $row-width: rem-calc(1000);
    $total-columns: 24;
    // $column-gutter: rem-calc(30);