Bootstrap v4如何加载_reboot.scss？

Question

我不知道。

我像这样包含引导CDN：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

并加载_grid.scss，_navbar.scss和_reboot.scss。当我检查该bootstrap.min.css文件时，没有看到任何导入或类似内容。

我不明白Bootstrap如何加载这些文件？我不想重启，它设置了我真正不想要的全局颜色。

复制如下：

https://jsfiddle.net/L262w2r0/3/

Answer 1

当引导程序覆盖自定义 css 时遇到问题时，您可能是在自定义 css 文件之后加载引导程序。只需检查顺序并确保您的自定义 css 文件在引导后加载。

Answer 2

大概是在查看DOM检查器的“样式”选项卡。

bootstrap.min.css被最小化，因此是一个可怕的文件，试图检查以找出如何对CSS进行更改。它也是从SASS生成的，因此，如果您确实想对其进行编辑，那么编辑源文件并重新编译CSS会更有意义，而直接编辑CSS则更为合理。

您的浏览器正在使用源映射来显示特定规则最初来自哪个SCSS源文件，而不是告诉它位于缩小的CSS文件的第1行。

_reboot.scss是不是由浏览器下载。它已被编译为bootstrap.min.css。

如果要删除它，则需要获取Bootstrap SASS文件并进行编辑。这可能不是一个好主意（因为如果要修复错误，则必须维护Bootstrap的分支并破坏对Bootstrap主分支的更新）。更好的方法是覆盖您不喜欢的规则。