Bootstrap dropmenu隐藏在内容后面而不是将其推下

Question

我有一个下拉菜单和一个子菜单。子菜单扩展了内容，而不是将其推下来。

我无法弄清楚以下哪一项导致它：

bootstrap.css
style.css
bootstrap-responsive.css

我正在学习html / css / bootstrap，而且我已经谷歌搜索并尝试了几个小时的解决方案直接无济于事。

高度始终计算为160px，这在任何代码中都不是。

我尝试过尽可能设置z-index并使高度：auto。但也许我没有把它放在正确的位置。

我如何缩小罪魁祸首？

非常感谢。

附上截图。

查询应打开子菜单并按设计下推内容。

但是..

子菜单被隐藏了。 Chrome调试器告诉我问题，但我不知道在哪里更改它？

请告诉我你还需要我提供什么

Answer 1

从bootstrap 2.3.1升级到bootstrap 3.2.1。它不再是bootstrap 3.2.1中的问题。有问题的部分在

  

/ * ============================================= ===========================    * Bootstrap：collapse.js v3.3.7    * http://getbootstrap.com/javascript/#collapse    * ================================================= =======================    *版权所有2011-2016 Twitter，Inc。    *在麻省理工学院获得许可（https://github.com/twbs/bootstrap/blob/master/LICENSE）    * ================================================= ======================= * /

与2.3.1和以下部分相比有太多变化：

  

// CSS转型支持（Shoutout：http://www.modernizr.com/）     // ================================================ ============

我已经区分了旧的和新的，做了一些替换以缩小到这两个小节。不知道在最新版本中哪一行确定了它。

也许经验丰富的人最终可以玩并发布更好的答案。