Bootstrap navbar-brand 中的锚链接不可点击

Question

在以下演示 (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 课程，但在这种情况下没有帮助。

Answer 1

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

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