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

Question

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

但是真的没有详细的说明。我看到的是这样的：

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

SCSS

$行宽：rem-calc(1000); $column-gutter: rem-calc(30); $total-columns: 12 ;

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

score 0 · Accepted Answer

如果您使用 compass 或 grunt 运行 watch 任务，您将在保存时在命令行中看到编译运行。

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

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

1 回答 1