使用 CDN 时覆盖并设置引导间距宽度答案

【问题标题】：Override and set Bootstrap gutter width whilst using CDN使用 CDN 时覆盖并设置引导间距宽度
【发布时间】：2021-05-24 22:56:09
【问题描述】：

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

然后导入引导包。

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：