Twitter Bootstrap: Make the default pills more usable

July 30, 2012 by Michael

The default basic pills from Bootstrap are somewhat useless as they don’t change their state (class=”active”). I use the following javascript snippet to change that:

$('ul.nav.nav-pills li a').click(function() {			
    $(this).parent().addClass('active').siblings().removeClass('active');			
});

One comment

  1. wanprabu wrote:

    what about adding new class to a element. I have tried using the code above by removing the parent(). It works for adding new class to a element, but it fails removing class from another a element.

    Posted on June 24, 2013 at 6:33 AM | Permalink
Post a Comment

Your email is never published nor shared. Required fields are marked *