可折叠导航栏在链接点击时自动关闭
您已经使用 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中文网其他相关文章！
