html - 无法使用 Bootstrap 或 CSS 更改导航丸背景颜色

Question

我有一个简单的导航栏固定在我的页面顶部，可以看到 here但我终生无法弄清楚如何更改背景颜色。我试过编辑 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 -->

Answer 1

导航栏背景的样式在 .navbar-inner 下。找出什么元素具有什么样式的一种简单方法是使用调试工具，如 chrome 检查器(在 View > 开发人员 > 开发人员工具下)或 firefox 的 firebug (http://getfirebug.com/)