Html 引导导航栏背景色未更改
我正在为我的网站使用引导导航栏。如果我想更改导航栏的背景色,可以使用:Html 引导导航栏背景色未更改,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在为我的网站使用引导导航栏。如果我想更改导航栏的背景色,可以使用: <!-- Navbar --> <nav class="navbar navbar-default" role="navigation" > <div class="container-fluid" style="background-color:#000000"> <p>hi</p> </div> </nav
<!-- Navbar -->
<nav class="navbar navbar-default" role="navigation" >
<div class="container-fluid" style="background-color:#000000">
<p>hi</p>
</div>
</nav>
或者使用
.navbar-default {
background-color:#000000;
}
并添加类,如
<!-- Navbar -->
<nav class="navbar navbar-default nav_backcolor" role="navigation" >
<div class="container-fluid">
<p>hi</p>
</div>
</nav>
嗨
它不起作用。有什么帮助吗?在像这样将类添加到CSS中时,请尝试添加“!important”
.navbar-default {
background: #000 !important;
}
我相信Bootstrap使用了导致问题的
线性渐变的背景图像,请尝试仅设置主背景属性:
.navbar-default {
background: #000000;
}
正如评论所说,html和css本身是好的
链接的页面找不到样式表文件。修复css文件的url,你应该会没事的
更新:看到它仍然有问题,你可以删除引导主题,使自己更容易。如果你要做大量的样式设计,最好完全删除主题,这样你就不必为每一个小改动都覆盖它。其他一些东西可能会干扰,因为这样应该可以很好地工作。你有JSFIDLE或网站链接吗?是网站。代码如下所示,但仍然没有区别。我认为这是一个糟糕的做法?这最终在引导4中对我有效。我还意识到,在设置navbar类时,Bootstrap具有内置的默认颜色方案,因此,将!重要信息
帮助覆盖了它。抱歉,修复了它,但仍然没有幸运您还必须覆盖并删除引导程序已经设置的背景图像和渐变。你看不到颜色,因为图像在上面。你可以用背景图像:无
。在layout-styles.css中,您是否尝试过背景:#000代码>?没问题,很乐意帮助:)
.navbar-default {
background: #000000;
}