下拉菜单是网页与应用中常见的交互组件,通常以触发按钮(如箭头、文字或图标)展开/收起,内含多级选项,支持快速筛选、导航或功能调用。它节省界面空间,适配移动端与桌面端,常见于导航栏、筛选栏或设置项,用户点击触发后可浏览子菜单,选择后即时响应操作,提升信息检索效率,是简洁高效的交互设计元素。
Bootstrap 4 导航栏 navbar,支持二级菜单,由 Dropdown 实现,但默认为单击事件展开二级菜单,但很多需求是鼠标悬浮就需要展开子菜单。下面是方案: CSS .dropdown:hover>.dropdown-menu { display: block; } .dropdo…