0

我正在使用现代商业引导主题：http ://startbootstrap.com/templates/modern-business/当我应用 CSS 代码让主菜单执行翻转菜单时：

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

在移动视图中，底部菜单被“navbar-collapse”容器截断。我尝试使用 z-index 和 position 多次浏览所有 CSS 代码，但没有任何变化。有谁知道如何使下拉菜单出现在父容器上方。当我使用这个 CSS （http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css）时，它的另一面工作正常，但我找不到代码不同的具体地方从我使用的 CSS（http://startbootstrap.com/templates/modern-business/css/bootstrap.css）来看，我的意思是我知道它是不同的，但导航标签都非常相似。

下拉菜单被切断

4

1 回答 1

0

因此，在多次浏览这两个 CSS 文件、打开和关闭事物并进行故障排除之后。事实证明，startbootstrap.com css 需要关闭所有 .navbar-collapse 类，所以注释掉所有类：

.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;
}
于 2013-10-17T20:39:53.123 回答