Bootstrap's Togglable Tabs - Removing outline / focus ?

Question

I am using Toggable Tabs from Twitters Bootstrap

The problem I have, Even you can see from the example too. That when the user clicks the tab, The active tab has the dot

Answer 1

The easiest way, if you compile your CSS from Less, drop this code into your less files

.tab-focus() {
  outline: 0;
}

That's it.