Html 引导菜单交互

我使用了Bootstrap中的这个例子，效果很好。由于我添加了“我的左”菜单（左键单击时显示），引导顶部菜单的颜色发生了变化，如下图所示： 现在不像以前那么黑了。我解决不了。试试这个

<div id="navbar" class="collapse navbar-collapse navbar-inverse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>

您有一个CSS，它将所有

.container

的背景色设置为

#F3EFE0

。删除或缩小该css规则的范围，或将新规则应用于navbar容器以覆盖它

CSS

---

此外，我不太清楚为什么要在导航栏中使用

.container

。它不需要它。您只需将其删除即可解决问题。

那么这里的问题是什么？如果您想要黑色导航条，请查看我的答案，请在问题中发布您的代码，而不仅仅是链接到外部来源。

.navbar-fixed-top > .container { background-color:#333; }