自举式移动导航系统在翻页时会被遮阳窗切断。

Question

我使用的是现代商业引导主题：http://startbootstrap.com/templates/modern-business/，当我应用CSS代码使主菜单做滚动菜单时：

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; 
}

在移动视图中，底部的菜单被“导航条崩溃”容器切断。我已经尝试过多次使用z索引和位置来遍历所有的CSS代码，但是没有什么改变。是否有人知道如何使下拉菜单出现在父容器的上方。另一方面，当我使用这个CSS (http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css)时，它工作得很好，但是我找不到代码与我正在使用的CSS (http://startbootstrap.com/templates/modern-business/css/bootstrap.css)不同的地方，我的意思是我知道它是不同的，但是导航标记都非常相似。

​

​

Answer 1

因此，在多次检查两个CSS文件之后，打开和关闭这些文件，并进行故障排除。结果显示，startbootstrap.com css需要关闭所有..navbar折叠类，因此注释掉所有类：

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}