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

Question

我可以将列表显示为其下方的另一个额外导航栏，而不是让单个导航栏项目具有下拉列表吗？

像苹果这样做的事情 http://www.apple.com/mac/

Answer 1

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

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

您可以执行JS onClick事件，该事件将在悬停在父项上时触发子项潜水，或者在纯CSS中使用：hover并更改其他div的显示。

由于您要专门询问Bootstrap，最简单的实现方法是获取Mega菜单并调整它以适合您的用例。

YAMM非常好，你需要做的就是设置一个网格到你的子菜单项，同时让子菜单包装符合父导航宽度。

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