title: Bootstrap's Togglable Tabs - Removing outline / focus ?
body: <p>I am using Toggable Tabs from <a href="http://twitter.github.com/bootstrap/javascript.html#tabs" rel="noreferrer">Twitters Bootstrap</a></p>
  
  <p>The problem I have, Even you can see from the example too. That when the user clicks the tab, The active tab has the dotted border around it.</p>
  
  <p>I am using Firefox 11. Screenshot of the issue:</p>
  
  <p><img src="https://i.stack.imgur.com/ghl5W.png" alt="enter image description here"></p>
  
  <p>I am looking to get rid of that dotted border. Does anyone know how you do this?</p>
  
  <p>Thanks</p>