Bootstrap 导航问题

Question

我的导航栏在我正在开发的主题上有问题。 http://astanmedia.com/blog All is ok at full screen, but reduce the screen size so the the menu collapses and when you click / touch the toggle button, the dropdown refuses to break over the slider, no matter what z-index is set, or positioning used. on scroll I have the nav change to fixed at the top, and it displays fine once the slider has passed it. The dropdowns also function fine over the slider at full screen. Have tried to paste code here for 15 minutes, I must be doing it wrong, so I have linked to a paste bin of the code here http://pastebin.com/6war9TGu。提前致谢

Answer 1

我想我明白了你的问题。这不是 z-index，而是 navbar-collapse 样式。

你有：

.navbar-collapse { max-height: 50px; }

你需要这样的东西：

.navbar-collapse { max-height: 275px; }

根据GoogleChrome开发者工具，您可以在style.css的第106行找到.navbar-collapse样式。在您的 Pastebin 中，它看起来像是在第 94 行。

请注意，一旦您修复了 .navbar-collapse 最大高度，您还需要为 .navbar .navbar-nav class 添加背景颜色，以便下拉菜单没有透明背景。

我发现您的风格还有其他一些小问题可能需要调整，但我假设您会在进行过程中专门询问这些问题。要解决您提出的问题，navbar-collapse 应该会有所帮助。