MVC with Bootstrap Navbar - Set Selected Item to Active

Question

I\'m learning Bootstrap and can\'t get the selected item into an \"active\" state. The active state remains on the default item. The newly selected/clicked item changes to

Answer 1

Your javascript function should work fine... The issue is that your links route to a controller and reload the entire page. In order to avoid this behavior you could render your body content as a partial view, that way the navbar elements do not reload. You shouldn't have to write a function to handle dom events - that is what javascript is for.

To see what I mean, change your code:

About
Students Sample

to:

 
About
 
Students Sample