Bootstrap导航栏CSS

9 浏览
0 Comments

Bootstrap导航栏CSS

我迄今为止都是通过在线资源自学CSS。我觉得我做得不错，但是在编辑导航栏方面遇到了一些麻烦。我目前正在使用Bootstrap，但我对CSS，特别是导航栏功能有一个问题。\n我理解HTML是如何引用bootstrap.css的，但在尝试编辑自定义CSS（style.css）时，我无法通过顶级类来改变导航栏的颜色。例如，使用.navbar { background-color: white; }无法改变背景色。我必须进入.brand来更改其中一个方块的颜色。\n




------------

\n有东西覆盖了它，所以我的问题更多是从基本层面上来说的。我必须设置确切的元素吗？还是CSS允许我改变一个总体的类，然后它会应用于该div中的元素？\n我的第二个问题是：bootstrap.css是否覆盖了我的自定义CSS？

0

2 答案

0 Comments

Bootstrap Navbar CSS问题的原因是当调用自定义CSS文件时，它会覆盖Bootstrap CSS规则。如果仍然无法更改默认的Bootstrap CSS，可以使用!important属性来强制生效。代码示例：navbar { background-color: white !important; }

然而，使用!important通常被认为是一种不良做法。某些情况下过在自定义CSS文件放在最后一行，而Bootstrap CSS文件更具体的情况下，Bootstrap仍然会覆盖自定义CSS。所以，尽管这是不良做法，但是当找不到其他解决方法时可以使用。建议在创建CSS文件链接时，将自定义CSS文件放在其他文件的末尾，这样问题就可以解决了。

0
0 Comments

问题：Bootstrap导航栏的CSS样式有时候无法覆盖自定义的CSS样式。

原因：自定义的CSS样式在应用时被Bootstrap的CSS样式覆盖。

解决方法：重新排列CSS链接，将自定义的CSS文件放在Bootstrap的CSS文件之后，以覆盖Bootstrap的样式。

0