如何在单击链接后自动关闭 Bootstrap 导航栏？

如何关闭链接点击时的 Bootstrap 导航栏

问题：

您的 Bootstrap 导航栏在移动设备上折叠，但您希望它在用户单击时关闭

解决方案：

Bootstrap 5（测试版）

• JavaScript 方法： 向菜单项添加点击事件监听器以切换导航栏

数据属性方法：添加 data-bs-toggle="collapse" 和 data-bs-target=".navbar-collapse.show" 属性链接。

引导程序4

• jQuery方法：在navbar-collapse元素上使用collapse方法。

• 数据属性方法：添加 data-toggle="collapse"和 data-target=".navbar-collapse.show" 属性链接。

Bootstrap 3

• 数据属性方法： 添加 data-toggle="collapse" 和data-target=".navbar-collapse.show" 链接属性。

• jQuery 方法： 在 navbar-collapse 元素上使用 Collapse 方法.

以上是如何在单击链接后自动关闭 Bootstrap 导航栏？的详细内容。更多信息请关注PHP中文网其他相关文章！