Bootstrap下拉突然停止工作

时间:2013-07-12 06:29:31

标签: javascript jquery css twitter-bootstrap

当我突然下拉菜单消失时,我正在模拟一个网站。我正在使用的CSS和JS的版本是:

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

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

我知道bootstrap下拉示例是使用jquery.js v.1.10,但是我使用v.1.9.1进行了测试,它仍然有效。

任何人都知道为什么我的下拉列表不起作用?

非常感谢你的帮助。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

删除overflow:hidden

您的css文件中

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

LIne no 199

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