For any nav component (tabs or pills), add .disabled for gray links and no hover effects.
.disabled
This class will only change the <a>'s appearance, not its functionality. Use custom JavaScript to disable links here.
<a>
<ul class="nav nav-pills"> ... <li role="presentation" class="disabled"><a href="#">Disabled link</a></li> ... </ul>
Related classes: