Bootstrap 3 - 导航栏在点击时折叠答案

【问题标题】：Bootstrap 3 - Navbar collapses on clickBootstrap 3 - 导航栏在点击时折叠
【发布时间】：2017-03-07 02:07:07
【问题描述】：

这是一个奇怪的错误。每次我通过单击导航栏中的链接进入新页面时，导航栏都会折叠并在瞬间添加一个水平条。

我已经研究了一些 js，我认为 .collapsing 类是在很短的时间内添加的。这是我在检查器中发现的。

从那里您可以单击导航栏上的页面并查看问题。

【问题讨论】：

如果您将id="navbar-collapse-1" 的元素上的collaspe 类更改为collasping，您可以看到它。它实际上是一个滚动条。您是否修改了原始的 boostrap CSS 以更改与 nav 相关的类的边距或填充？

【解决方案1】：

问题在于导航栏链接包含：

data-toggle="collapse" data-target=".navbar-collapse" 可能用于在单击链接后关闭导航栏。更好的解决方案是使用：

data-toggle="collapse" data-target=".in" 以便只定位活动链接。

【讨论】：