如何使我的可折叠导航栏在 Bootstrap 中的链接单击时自动关闭？

可折叠导航栏在链接点击时自动关闭

您已经使用 Bootstrap 4 创建了一个功能性可折叠导航栏。但是，您想要它当用户选择链接时自动关闭。本文为 Bootstrap 3 和 Bootstrap 4 提供了全面的解决方案，以实现此所需的行为。

Bootstrap 3 的解决方案

在 Bootstrap 3 中，您可以修改以下链接导航栏合并“数据切换”属性。单击链接时，此属性会触发折叠行为。

此解决方案利用折叠和显示类来控制导航栏的可见性。

Bootstrap 4 的解决方案

对于 Bootstrap 4，主要有两种方法来完成“点击关闭”

选项 1：jQuery 方法

选项 2：具有数据属性的 JavaScript 方法

Bootstrap解决方案5

对于 Bootstrap 5，您可以使用带有事件监听器的 JavaScript 方法或数据属性方法。

带有事件监听器的 JavaScript 方法

数据属性方法

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