Anchor link isn't clickable in Bootstrap navbar-brand
<p>On the following demo (<a href="http://bootsnipp.com/snippets/GXb7V" rel="nofollow noreferrer">http://bootsnipp.com/snippets/GXb7V</a>) we have this line of markup:</p>

<pre><code>&lt;a class="navbar-brand" href="#"&gt;Brand&lt;/a&gt;
</code></pre>

<p>Regardless of whether the <code>href</code> is changed to a URL or even left as the # it is not possible to click on this link.</p>

<p>Does anyone know how to fix this? </p>

<p>I believe the issue may be something to do with the search form and the way it expands to be full width of the nav (see bootsnipp for an example). I have also read a post here (<a href="https://stackoverflow.com/questions/28763444/link-isnt-clickable-within-my-navbar-on-bootstrap-2-page">Link isn&#39;t clickable within my navbar on Bootstrap 2 page</a>) which discusses a <code>clearfix</code> class but that hasn't helped in this case.</p>