Bootstrap 4 - 这是定制的主要css / scss;脚步？

Question

我正在尝试学习Bootstrap 4和scss（首次触摸两者），我感觉非常愚蠢。所以此刻，我正在尝试改变我的身体背景颜色。尝试了变量.scss，bootstrap.css，_reboot.scss，bootstrap-reboot.css，但没有...在控制台上仍然写着背景是白色的（由_reboot.scss：53加载）。

那么我应该在哪里以及如何应用我的更改 - 背景，颜色，字体，边框等等...认为它会更少，css但是这很可怕......

谢谢。

Answer 1

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

@import "/bootstrap.scss";

body {
    background-color: red;
}

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

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