我有一个简单的导航栏固定在我的页面顶部,可以在这里看到,但我一生都无法弄清楚如何更改背景颜色。我尝试在 Bootstrap CSS 文件中编辑 a:hover 代码,并使用各种不同的类调用在我自己的自定义 CSS 文件中覆盖它,但仍然没有运气。有人可以帮帮我吗?我知道这一定很简单,我只是难住了。
这是我的导航栏 HTML 代码:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">Homegrown</a>
<div class="nav-collapse">
<ul class="nav nav-pills pull-right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="index.html">About</a></li>
<li><a href="index.html">Contact</a></li>
</ul><!-- /.nav -->
</div><!--/.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->