Jquery Twitter引导更改导航栏
我试图改变twitter引导页面顶部导航栏的颜色。我正在使用Twitter引导程序2.3.2 我试图完全遵循这个答案,但没有成功: 我也在这里尝试了答案: 我正在内联css上方链接bootstrap.min.css和bootstrap-responsive.min.css文件 导航栏的代码是Jquery Twitter引导更改导航栏,jquery,html,css,twitter-bootstrap,twitter,Jquery,Html,Css,Twitter Bootstrap,Twitter,我试图改变twitter引导页面顶部导航栏的颜色。我正在使用Twitter引导程序2.3.2 我试图完全遵循这个答案,但没有成功: 我也在这里尝试了答案: 我正在内联css上方链接bootstrap.min.css和bootstrap-responsive.min.css文件 导航栏的代码是 <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-targert=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href='#'>Test</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#register">Register</a></li>
<li><a href="#about">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">List1<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="nav-header">Title</li>
<li><a href="#">Item1</a></li>
<li><a href="#">Item2</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
这根本不会改变导航栏的颜色。它仍然是默认颜色
谢谢你的帮助。谢谢。因为您使用的是.navbar反向类,所以需要使用更具体的css
.navbar inverse.navbar inner
覆盖了.navbar inner
使用此css选择器:
.navbar-inverse .navbar-inner {
background-color: red; /* background color will be black for all browsers */
background-image: none;
background-repeat: no-repeat;
filter: none;
}
试着申请吧!重要提示:在CSS属性的末尾,查看这是否有区别:
背景色:红色!重要的代码>
.navbar-inverse .navbar-inner {
background-color: red; /* background color will be black for all browsers */
background-image: none;
background-repeat: no-repeat;
filter: none;
}