Bootstrap菜单交互

Question

我在Bootstrap http://getbootstrap.com/examples/starter-template/中使用了这个例子并且工作正常。由于我添加了一个左侧菜单（当您左键单击时出现），Bootstrap顶层菜单的颜色发生了变化，如您所见：http://www.felpone.netsons.org/web-threejs/stereos%20-%20Copia.html  现在不像以前那样黑了。我无法解决它。

Answer 1

试试这个

<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>

Answer 2

您有CSS将所有.container的背景颜色设置为#F3EFE0。删除或减少该css规则的范围或将新规则应用于导航栏容器以覆盖它。

CSS

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

此外，我不太确定您在导航栏中使用.container的原因。它不需要它。您只需删除它，它也可以解决问题。