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.

Answer 2

That focus border is an accessibility feature. By removing it, you are impeding some being able to access your site. By some, I mean people with disabilities.

This video helps get my point (he has a mobility disability). (Here's it forwarded to when he carps on removing the border.)