javascript - Bootstrap 下拉菜单突然停止工作

Question

当下拉菜单突然消失时，我正在制作一个网站模型。我使用的 CSS 和 JS 版本是：

bootstrap.js + bootstrap.css v2.3.2 jQuery.js 1.9.1

https://dl.dropboxusercontent.com/u/73042624/Testing/Page/home.html

我知道引导下拉示例使用 jquery.js v.1.10，但我使用 v.1.9.1 对其进行了测试，它仍然有效。

任何人都知道为什么我的下拉菜单不起作用？

非常感谢您的帮助。

Answer 1

它根本没有坏。您的元素之一是隐藏其溢出。

只需将其添加到您的 CSS 中：

.navbar .nav {
     overflow: visible;
 }

虽然有点基本，但我建议您阅读以下内容：

http://www.w3schools.com/cssref/pr_pos_overflow.asp

或者，如果您感到大胆，请阅读此内容，因为您将了解更多信息：

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

Answer 2

消除overflow:hidden

在你的 CSS 文件中

https://dl.dropboxusercontent.com/u/73042624/Testing/common/css/common.css

第 199 行

ul {
overflow: hidden; // remove this line
}