Bootstrap 4 - 这是用于自定义的主要 css/scss；脚步？

Question

我正在尝试学习 Bootstrap 4 和 scss（第一次接触两者），但我感觉非常愚蠢。所以目前，我正在尝试改变我的身体背景颜色。尝试了 variables.scss、bootstrap.css、_reboot.scss、bootstrap-reboot.css，但什么都没有……在控制台上仍然写着背景是白色的（由 _reboot.scss:53 加载）。

所以我应该在哪里以及如何应用我的更改 - 背景、颜色、字体、边框等.... 认为它会像 less, css 但这很可怕...

谢谢。

Answer 1

更新核心引导样式的最佳做法是将引导样式导入您自己的文件并在其中编辑类。然后您的类将覆盖引导程序样式，它将允许将来的引导程序更新不会导致您的自定义中断。创建一个新的 .scss 文件并放在最上面：

@import "/bootstrap.scss";

body {
    background-color: red;
}

然后链接到源中的新文件而不是引导文件。您仍然需要引导程序的 js 文件。

如果您不想遵循最佳实践，解决问题的另一个方法是创建一个 .css 文件并在加载所有引导文件后引用它。这将覆盖引导样式，而无需导入引导样式。未来不会那么干净和通用，但对您来说可能会更容易。