bootstrap导航栏如何跟随页面跳转而变化

导航栏里面每一个html页面都要引入

 <ul class="nav nav-tabs">
   <li><a href="#"><span style="font-weight:bold;">Home</span></a></li>
   <li class="active"><a href="kehu_again_1.php"><span style="font-weight:bold;">用户欠费情况</span></a></li>
   <li><a href="#"><span style="font-weight:bold;">可以上册的用户</span></a></li>
 </ul>

在每一个页面中，都把其他页面的active删掉，保留自己<li>标签中的active