html - Bootstrap 3 下拉列表显示在 Chrome Inspector 中，但不显示在浏览器中

Question

这是我正在处理的网站:http://104.193.173.104/modx/

顶部导航有 2 级和 3 级，由 ModX 中的 Wayfinder 生成。据我从页面源代码和 chrome 检查器中可以看出，它们正在正确生成并具有适当的 CSS 类。当我单击其中一个导航链接时，检查器显示 li 类更改为“下拉打开”，并且出现 ul 类“下拉菜单”。我可以在检查器中看到大纲，但页面上没有显示任何内容。

我猜这是我的 CSS 中的 z-index 问题，但我不太熟悉所有这些是如何工作的。有人能帮我吗？让我知道您需要我包含哪些 HTML/CSS，我将编辑这篇文章。干杯!

注意:我的jQuery是在每个页面的head调用的

Answer 1

您的导航 div (#main-navigation-container) 有 overflow:hidden。你需要弄清楚你想在那里做什么，但这就是它被“裁剪”掉的原因。