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

You mean the outline, you can remove it as follows:

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}

Though i would suggest you leave it in, since it is there in part to help people with disabilities and screen readers display your content properly, so you would be affecting usability by removing it.