当前菜单中的Bootstrap 3子菜单

Question

我需要一个使用Bootstrap 3的下拉子菜单。

到处都有类似的问题，其中一个让我更接近的问题是这个：Bootstrap 3 dropdown sub menu missing 然而，那里的答案将下拉菜单显示在当前菜单的右侧。我需要在当前菜单中显示下拉菜单，只需在打开时滑动其余导航即可。

这是一个bootply，展示了我的进展：http://bootply.com/91787 目前，子菜单只是覆盖在当前下拉菜单上...我需要子菜单在打开时将其余的下拉元素向下推。我该怎么做？帮助使下拉菜单在点击而非悬停时激活也将很有帮助，但主要问题更为重要。

- Ty Bailey

---

直到今天（2014年1月9日），Bootstrap 3仍然不支持子菜单下拉。我在谷歌上搜索了响应式导航菜单，并发现这是我认为最好的选择。它就是Smart menus http://www.smartmenus.org/我希望这是任何想要具有多级子菜单的人的解决方案。 - vee

@TyBailey 很晚回复，但你所描述的是“手风琴”控件，通常不称为菜单控件。自早期的 Mac（甚至更早）以来，菜单就已经存在了，你可以在每次点击后看到每个嵌套级别（直到屏幕宽度不够）。手风琴会“推”其他内容/项目向下，而菜单则不会。如果你同意，请更新问题的标题，这样谷歌搜索时不会将人们带到这里寻找菜单答案。 - yzorg

Answer 1

像这样吗？我不确定我是否正确理解了你的问题。

http://bootply.com/91794

---

编辑：

非常简单，我希望这就是你想要的：

.dropdown-menu {position: relative;}

http://bootply.com/91800

- user2693017

---

不，问题中我说：“然而，那里的答案将下拉菜单显示在当前菜单的右侧。我需要在当前菜单内显示下拉菜单，只需在打开时向下滑动其余导航即可。”你的解决方案与我链接的内容相同。它需要在同一个菜单内，而不是在右侧。 - Ty Bailey

@TyBailey，你是在谈论淡入淡出效果吗？还是在谈论显示样式？ - user2693017

不，我需要子菜单将在其下面的导航元素向下推，并在当前菜单中显示，而不是覆盖任何内容。 - Ty Bailey

@TyBailey 我更新了我的答案，我认为这应该解决你的问题，如果不行，请提供更多信息。 - user2693017

Answer 2

Jeff Mould做得非常好。

Git: https://github.com/jeffmould/multi-level-bootstrap-menu

导航演示: http://theboot.fenwickmedia.com/

- Mason

---

最好避免仅包含链接的答案。尝试总结链接中相关的内容。 - StephenTG