Якорь ссылка не кликабельна в Bootstrap NavBar-бренд

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-индекс.

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