为什么仅当导航栏折叠时才能单击导航栏品牌链接？
帕特里克·布里尼奇-朗格卢瓦
我在一个项目上使用Bootstrap，并且具有以下HTML（目前在此处可见）：
<nav class='navbar navbar-default' role='navigation'>
<div class='navbar-header'>
<button class='navbar-toggle' data-target='#header-navbar' data-toggle='collapse' type='button'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class="navbar-brand" href="http://ea-skillshare.herokuapp.com/">Sharing Is Caring</a>
</div>
...
</nav>
如果您尝试单击带有文本“ Sharing Is Caring”的链接，则不会发生任何事情。但是，如果您使用Tab键将其突出显示，然后按Enter键，则可以选择链接并导航至其指向的URL：
折叠菜单时，链接也可以使用，如下所示：
如何使链接始终正常工作？
道拉吉里
您的代码告诉我您正在尝试使用Bootstrap 3，而Heroku上的应用程序似乎包括Bootstrap 2.3.2。如果您能够将站点上加载的css / js文件更新为BS 3，则应该一切顺利。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
单击链接时移动导航栏不会折叠
- 2
为什么导航栏 Bootstrap 菜单在单击选项卡面板项时折叠关闭
- 3
Bootstrap：当导航栏折叠品牌重叠其他对象时
- 4
隐藏引导程序导航栏品牌，并且仅在导航栏折叠时居中显示
- 5
在导航栏元素外部单击或单击Bootstrap 4中的链接时，如何关闭打开的折叠导航栏？
- 6
单击<a>链接时如何关闭导航栏？
- 7
导航栏品牌和链接下的引导导航栏形式
- 8
单击链接后，“ Angularized Bootstrap”菜单仅折叠下拉菜单，而不是整个导航栏
- 9
为什么导航栏上的导航栏品牌隐藏在Chrome上？
- 10
单击导航链接时如何向下滚动到导航栏
- 11
单击导航链接时如何向下滚动到导航栏
- 12
在Bootstrap 3中的导航栏元素外部单击时，如何关闭打开的折叠导航栏？
- 13
使用 Bootstrap 在折叠时保留导航栏中的链接
- 14
引导导航栏链接和导航品牌为中心
- 15
Bootstrap css 图像中心和导航栏与品牌内嵌折叠
- 16
单击时隐藏导航栏
- 17
折叠后的导航栏不显示链接
- 18
链接到不会折叠的导航栏
- 19
不想单击导航栏链接时更改颜色（悬停效果）
- 20
单击导航栏链接时未显示模态
- 21
单击导航栏链接时的滑动效果 Bootstrap
- 22
导航栏品牌左侧的按钮
- 23
更改路线时折叠导航栏
- 24
Bootstrap 3 - 导航栏在点击时折叠
- 25
导航栏导航上方的 Bootstrap 导航栏品牌标题——如何？
- 26
单击品牌时，引导程序导航栏不会设置活动页面
- 27
试图让我的导航栏品牌链接到主页
- 28
仅当出现汉堡菜单时，如何使用 Bootstrap 将品牌带到导航栏的中心？
- 29
在锚点上单击ng时，导航栏菜单为什么会闪烁？
我来说两句