Make clicked tab active in Bootstrap

Question

I am using Django and integrated Bootstrap with Django. Here is my HTML code for the navigation bar:

Answer 1

I think the easiest solution is JavaScript / CSS: Anyway, here is the solution using Jquery. Notice n1,n2 classes in html

In base.html

   

    

       

          
          
          Dashboard 
          
       
       

          
          
          Restaurants
          
       
    
    
        

Then in your dashboard template:

{% block active_link %}.n1{%endblock%}

In your restaurants template:

{% block active_link %}.n2{%endblock%}