bootstrap 怎么制作弹出式菜单？

This topic created in 495 days ago, the information mentioned may be changed or developed.

官方的主题商店
https://themes.getbootstrap.com/

随便点了一个主题然后 view demos ，如下：
https://freshcart-next-js.vercel.app/

在网站导航条菜单“All Departments”处，鼠标指向分类就能自动弹出，但我查阅 bootstrap V5 文档好像只有点击触发的下拉菜单，如下：
https://getbootstrap.com/docs/5.0/components/dropdowns/

请教 bootstrap 如何制作上面 demo 那种鼠标悬停时自动弹出的菜单？谢谢。

2 replies • 2025-06-27 00:21:39 +08:00

Oceanhime

Jun 27, 2025

Bootstrap 有提供 JavaScript 接口：
https://getbootstrap.com/docs/5.0/components/dropdowns/#via-javascript
监听元素的 hover 事件，鼠标悬停到标签元素时，调用对应 dropdown 元素的 (new bootstrap.Dropdown(dropdownToggleEl)).show() 方法即可。

kimwang

Jun 27, 2025

@Oceanhime 好的见到了，Call the dropdowns via JavaScript ，我再了解一下，谢谢