Bootstrap导航栏背景颜色不变

我为我的网站使用了导航栏导航栏。如果我想用改变导航栏我能做到这一点的背景色：Bootstrap导航栏背景颜色不变

<!-- Navbar --> 
<nav class="navbar navbar-default" role="navigation" > 

    <div class="container-fluid" style="background-color:#000000"> 

     <p>hi</p> 

    </div> 

</nav>

但是，如果我试图在外部表使用CSS使用两种

.nav_backcolor { 
    background-color:#000000; 
}

或overiding自举类中使用

.navbar-default { 

background-color:#000000; 

}

并添加类像

<!-- Navbar --> 
<nav class="navbar navbar-default nav_backcolor" role="navigation" > 

<div class="container-fluid"> 

    <p>hi</p> 

</div> 

</nav>

我的样式表

它不起作用。请帮忙吗？ “！重要”

来源

2016-03-04 joshpj1

其他可能会干扰，因为它应该很好。你有一个jsfiddle或网站链接？ – tohood87

http://www.joshpjackson.com/home.php是网站。代码如下所示，但仍然没有区别。 – joshpj1

我相信加入类你的CSS时，引导使用了linear-gradient背景图像这是造成问题，尽量只设置唯一的主要背景属性：

.navbar-default { 
    background: #000000; 
}

来源

2016-03-04 15:26:08 tohood87

做到了，仍然没有运气 – joshpj1

您还必须重写并移除Bootstrap已经设置的背景图像和渐变。您看不到颜色，因为图像位于其上方。 – Phil

好的，我该怎么做？ – joshpj1

尝试增加这样

.navbar-default { 
    background: #000 !important; 
}

来源

2016-03-04 15:25:32 MatthewBryce

我认为这是不好的做法？ – joshpj1

正如评论所说，html和css本身很好。

您链接的页面找不到您的样式表文件。修复url到你的css文件，你应该没问题。

更新：看到它仍然有问题，您可以删除Bootstrap主题以使其更容易。如果你要做很多造型，你可能会更好地完全移除主题，这样你就不必为每一个小小的改变重写它。

来源

2016-03-04 15:27:04 Phil

对不起，修好了，但还是没有运气 – joshpj1

Bootstrap导航栏背景颜色不变

回答

相关问题