如何使用引导程序显示另一个导航栏而不是下拉菜单

How to show another navbar instead of dropdown menu using bootstrap

本文关键字:下拉菜单 导航 何使用 引导程序 显示 另一个      更新时间:2023-09-26

我可以将列表显示为其下方的另一个额外导航栏吗?

像苹果在这里的表现http://www.apple.com/mac/

最好的方法是在主菜单下创建一个div,并将子菜单项插入该子菜单中。

当然,实际实现取决于实际用例、审美目标和用户体验。

你可以做一个JS onClick事件,当鼠标悬停在父级上时,它会触发插入子级潜水,或者在纯CSS中用:hover和更改另一个潜水的显示。

由于您特别要求Bootstrap,最简单的实现方式是获取一个Mega Menu并对其进行调整以适应您的用例。

YAMM非常好,你所需要做的就是为你的子菜单项设置一个网格,同时让子菜单包装符与父导航宽度相匹配。

当然,我建议您阅读文档,了解它是如何实现的,并尝试提出适合您特定用例的解决方案。