How to set navbar item as active when user selects it?

Question

I am a new ASP.NET Web Forms developer and trying to use Twitter Bootstrap with the Master Page. I am struggling with setting navbar item as active when user selects it. I creat

Answer 1

Use this:

    

        

            

                
Default
                
Clients
                
Display
            
        
    


$(document).ready(function () {
        var url = window.location;
        $('.navbar .nav').find('.active').removeClass('active');
        $('.navbar .nav li a').each(function () {
            if (this.href == url) {
                $(this).parent().addClass('active');
            }
        }); 
    });

Example: http://jsfiddle.net/yUdZx/3/

And, in the "href" use "Page.ResolveUrl"

">Clients

It's better...