Anchor链接在Bootstrap navbar-brand中无法点击

Question

在下面的演示（http://bootsnipp.com/snippets/GXb7V）中，我们有这一标记：

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

无论href是否更改为网址，甚至是否为＃，都无法点击此链接。

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

我认为问题可能与搜索表单及其扩展为导航的全宽度的方式有关（请参阅bootsnipp的示例）。我还在这里阅读了一篇文章（Link isn't clickable within my navbar on Bootstrap 2 page），其中讨论了一个clearfix课程但在这种情况下没有帮助。

Answer 1

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

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