title: Bootstrap: Link stays selected after click
body: <p>Code:</p>
  
  <pre><code>&lt;h1&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/h1&gt;
  &lt;script&gt;
  $("a").click(function (e) {
      e.preventDefault();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/U7Y3r/" rel="nofollow noreferrer">http://jsfiddle.net/U7Y3r/</a></p>
  
  <p>After the link has been clicked, it keeps a small border:</p>
  
  <p><img src="https://i.stack.imgur.com/HEiak.png" alt="border"></p>
  
  <p>I have seen this under Firefox and Internet Explorer 10. Does not occur under Chrome or without Bootstrap.</p>