Bootstrap如何覆盖我的CSS主体？

Question

自从我更新到Bootstrap 4以来，它都更新了我的身体并覆盖了它，因此背景始终是白色的。

我尝试将类设置为更具体，但仍然无法正常工作。有人可以帮忙吗？

：

Answer 1

由于您的CSS文件没有比Bootstrap样式更具体，所以这完全取决于样式在HTML中出现的顺序。

因此，您可以重新排序样式文件，或者（我认为此选项更好）在您的身体上使用一个类来设置背景颜色。

使用类时，请确保您的样式如下：

body.class-name{

}

那将比body更具体。

Bootstrap内置了许多（可自定义的）颜色类。如果您自己编译SCSS文件，还可以使用随附的颜色变量来制作自己的样式。

实际上，如果仅在编译引导CSS文件之前设置$body-color变量，就不必编写任何样式。

有关更多自定义选项。检查the documentation。

Answer 2

请重新排列link tags的引导程序和your own css

例如

<link ..... href="css/bootstrap.min.css"....></link>
<link ..... href="css/styleIndex.css"....></link>

然后，your style将覆盖default bootstrap style