bootstrap动态导航页面跳转失效

Question

用bootstrap的css文件做的导航条不能动态的实现跳转，如图，页面已经跳转到指定页面了，但是导般条高亮还是在原来的位置，怎样能让高亮随着页面跳转变化？
导航条源码：
<ul class="nav nav-tabs "> <li class="active"> <a href="/home/">Home</a> </li> <li ><a href="/PC/">PC</a></li> <li ><a href="#">Printer</a></li> </ul>

• 

• 
  

• 
  

Answer 1

这个要加一段jQuery代码解决(已测):<script src="js/jquery.min.js"></script><!-- 注意这里要改为自己的jquery路径!!!--><script type="text/javascript">$(document).ready(function () {$('ul.nav > li').click(function (e) {e.preventDefault();$('ul.nav > li').removeClass('active');$(this).addClass('active');});});

Answer 2

手动切换active样式