css - 使用 CDN 时覆盖并设置引导间距宽度

Question

一直通过 NPM 使用 Bootstrap 4 并将其导入到我的主 SASS 文件中。在导入之前，我声明： $grid-gutter-width: 26px !default;

然后导入引导包。

最近我一直在玩弄使用引导 CDN，并从我的 SASS 文件中删除导入，但我正在努力像以前一样设置和覆盖网格排水沟宽度。CDN 在结束标记之前被引用</body>，然后在我的 app.scss 中，我仍然像上面一样声明网格装订线，但装订线仍然是 30 像素（列的每侧 15 像素）。

那么我做错了什么，或者如果使用CDN就无法做到这一点？

Answer 1

当您使用 SASS 并设置 Bootstrap 变量时，这会在您编译时创建 bootstrap.css 的自定义版本。CDN 已使用所有默认变量值预编译为 CSS。为了在使用 CDN 时获得相同的结果，您必须覆盖从这些值派生的所有单独的样式声明。

另请参阅： https ://stackoverflow.com/a/57702046/6127393