Bootstrap v4装入_reboot.scss情况如何?

2022-02-21 00:00:00 html css twitter-bootstrap sass

我想不出来。

我包含引导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分支)。更好的方法是覆盖您不喜欢的规则。

相关文章