Add .disabled
for gray links and no hover effects.
Links will remain clickable, however, unless you remove the href
attribute. Alternatively, you could implement custom JavaScript to prevent those clicks.
<ul class="nav nav-pills">
<li>
<a href="#">Clickable</a>
</li>
<li class="disabled">
<a href="#">Disabled</a>
</li>
</ul>