Bootstrap v4装入_reboot.scss情况如何？ [英] How is Bootstrap v4 loading _reboot.scss?

问题描述

我想不出来。

我包含引导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/

推荐答案

您可能正在查看DOM检查器的样式选项卡。

bootstrap.min.css是缩小的，因此尝试检查以确定如何对CSS进行更改是一个糟糕的文件。它也是从sass生成的，所以如果您确实想要编辑它，那么编辑源文件并重新编译CSS会比直接编辑CSS更有意义。

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

_reboot.scss未被浏览器下载。它已经编译成bootstrap.min.css。

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

这篇关于Bootstrap v4装入_reboot.scss情况如何？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！