当前菜单中的 Bootstrap 3 子菜单

Posted 2023-03-06

【中文标题】当前菜单中的 Bootstrap 3 子菜单

【英文标题】：Bootstrap 3 Submenu within current menu

【发布时间】：2013-11-15 11:38:41

【问题描述】：

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

到处都有这样的问题，特别让我更接近的是这个：Bootstrap 3 dropdown sub menu missing

但是，那里的答案显示在当前菜单右侧的下拉列表中。我需要在当前菜单中显示下拉菜单，只需在打开时向下滑动导航的其余部分。

这是我目前所拥有的靴子：http://bootply.com/91787

当前子菜单只是覆盖当前的下拉菜单...我需要子菜单在打开时将其余的下拉元素向下推。我怎样才能做到这一点？任何让下拉菜单在点击而不是悬停时激活的帮助也会有所帮助，但主要问题更重要。

【问题讨论】：

直到今天（2014 年 1 月 9 日），Bootstrap 3 仍然不支持子菜单下拉菜单。我通过谷歌搜索了响应式导航菜单，发现这是我最好的。这是智能菜单smartmenus.org我希望这是任何想要具有多级子菜单的导航菜单的人的出路。

@TyBailey 回复较晚，但您所描述的是“手风琴”控件，通常不称为菜单控件。自早期的 Mac（及之前）以来，菜单就已经存在，您通常可以在单击每件事后看到每个嵌套级别（直到用完屏幕宽度）。 Accordion 将“下推”其他内容/项目，而 menu 则不会。如果您同意，请更新问题的标题，这样 Google 在寻找菜单答案时就不会将人们带到这里。

【参考方案1】：

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

http://bootply.com/91794

---

编辑：

很简单，我希望这是你想要的：

.dropdown-menu position: relative;

http://bootply.com/91800

【讨论】：

不，在问题中我说“但是，那里的答案显示当前菜单右侧的下拉菜单。我需要在当前菜单中显示下拉菜单，只需滑动导航的其余部分打开时向下。”您的解决方案与我链接的相同。它需要在同一个菜单中，而不是在右侧。

@TyBailey 所以你说的是淡化效果吗？不是关于显示风格？

不，我需要子菜单将其下方的导航元素向下推并显示在当前菜单中。不覆盖任何东西。

@TyBailey 我更新了我的答案，我认为这应该可以解决您的问题，如果没有，请提供更多信息。

【参考方案2】：

Jeff Mold 完美地解决了这个问题。

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

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

【讨论】：

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