Bootstrap汉堡包菜单z-index和样式问题

Question

我正在尝试设计我的第一个响应式网站，并且遇到导航问题。我已经做了一些工作，以确定汉堡包开始的位置。此时，下拉菜单落后于表单元素，此时我不太了解更改样式而不影响正常导航。 / p>

似乎我所看到的大部分内容都是使用标准的BootStrap元素而不仅仅是颜色变化。我需要更改导航栏的高度（以及汉堡包），使导航器居中，但当站点移动时，导航下拉列表需要更改字体和背景颜色以及文本对齐。

我已经开始运行，并会继续研究。我知道我还有很长的路要走，但我很感激能帮助我解决这个问题。

bootply位于http://www.bootply.com/xtOWUEP1bw。提前感谢您的帮助。

Answer 1

您需要z-index和背景颜色。 将z-index放在.navbar中，并将背景颜色放在.navbar-collapse.in中，如下所示;

.navbar {
    z-index: 10;
}

.navbar-collapse.in{
    background:#fff
}