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

Question

我正试图设计我的第一个响应网站，并且遇到导航问题。我已经把所有的事情都做好了，以指出汉堡包在哪里投入。在这一点上，下拉菜单落后于表单元素，并且我不明白在不影响正常导航的情况下改变样式。

看来，我所看到的大部分内容都是使用标准BootStrap元素，而不仅仅是颜色变化。我需要更改导航栏的高度（以及汉堡包），将导航中心设置为中心，但当网站移动时，导航下拉菜单需要更改字体和背景颜色以及文本对齐方式。

我得到了一个bootply运行，并将继续研究，因为我去。我知道我还有很长的路要走，但希望能帮助我渡过这个障碍。

bootply在http://www.bootply.com/xtOWUEP1bw。预先感谢您的帮助。

Answer 1

您需要z-index和背景颜色。 在.navbar中放入z-index，并在下面的.navbar-collapse.in中放置背景颜色;

.navbar { 
    z-index: 10; 
} 

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