2016-09-09 93 views
0

在下面的演示(http://bootsnipp.com/snippets/GXb7V)我们这行的标记:锚链接是不是在引导导航栏品牌点击

<a class="navbar-brand" href="#">Brand</a> 

不管href是否改变URL或甚至左为#无法点击此链接。

有谁知道如何解决这个问题?

我相信这个问题可能与搜索表单和它扩展为导航全宽的方式有关(请参阅示例中的bootsnipp)。我也在这里读过一篇文章(Link isn't clickable within my navbar on Bootstrap 2 page),其中讨论clearfix类,但在这种情况下没有帮助。

回答

2

可能是因为它上面还有其他元素。您可以通过更改其z-index来修复它。

a.navbar-brand { 
    position: relative; 
    z-index: 1; 
} 
+0

很高兴它帮助。不要忘记保持Z指数低,并且不要因为999而发疯,这将会变得非常难以维护。 – Tom

+0

干杯。顺便说一下,我在.navbar-brand中使用了一个图像,并且在使用您的建议CSS时,图像在完全展开后会显示在搜索栏中。但是,当搜索输入完全展开以停止显示图像时,通过使用jquery将z-index从1切换到-1是可能的。感谢z-index的信息,但我不会那么做。 – Andy