nav-pills

You can supply your own class to the nav-pills container with your custom color for your active link, that way you can create as many colors as you like without modifying the bootstrap default colors in other sections of your page. Try this: Markup <ul class=”nav nav-pills red”> <li class=”active”><a href=”#tab1″ data-toggle=”tab”>Overview</a></li> <li><a href=”#tab2″ data-toggle=”tab”>Sample</a></li> … Read more