Html 如何使用CSS样式属性更改默认引导颜色?

Html 如何使用CSS样式属性更改默认引导颜色?,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我用bootstrap制作了这个导航栏,我想把它的默认颜色(已经是黑色)改成其他颜色。我怎样才能用CSS样式属性做到这一点 <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle"

我用bootstrap制作了这个导航栏,我想把它的默认颜色(已经是黑色)改成其他颜色。我怎样才能用CSS样式属性做到这一点

<nav class="navbar navbar-inverse">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>                        
            </button>
          </div>
    </nav>

在bootstrap中,我们有预定义的类,这意味着我们不能更改其中的属性,我们必须按原样使用它们。 您可以尝试在标记中更改其样式属性

像这样的

.navbar默认值{ 背景色:F8; 边框颜色:E7E7E7;
}

如果在加载引导后加载规则,您只需创建自己的样式即可覆盖引导。如果出于某种原因,您必须首先加载规则,那么您的规则需要更高的特定性。反向导航栏背景颜色的引导规则如下:

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}
因此,请创建自己的规则,并在Bootstrap的CSS之后加载它:

.navbar-inverse {
    background-color: red;
    border-color: #080808;
}
如果必须在引导前加载,请使用类似于body.navbar.navbar-reverse的选择器来增强选择器的特殊性


不要覆盖引导默认类。添加你自己的代码并给他们新的风格。因此,你应该尝试自己编写代码。如果您遇到问题,可以发布您尝试过的内容,清楚地解释哪些内容不起作用,并提供一个。您完全可以覆盖CSS属性。