项目活动为Bootstrap Navbar

Question

我在Bootstrap做了一个导航栏。

它位于名为header.html的文件中。

<div class="collapse navbar-collapse" id="myNavbar">
   <ul class="nav navbar-nav pull-right">
       <li class="item active"><a href="./index.shtml">Home</a></li>
       <li><a href="./courses.shtml">Courses</a></li>
       <li><a href="./projects.shtml">Projects</a></li>
       <li><a href="./publications.shtml">Publications</a></li>
       <li><a href="./patents.shtml">Patents</a></li>
   </ul>

我在导航栏的所有5个页面上使用include virtual来显示我的菜单栏。

<!--#include virtual="/templates/header.html" -->

我正试图找出一种方法来应用＆＃34;项目活跃＆＃34;浏览器正在查看的页面的类，所有这些都使用包含的头文件。

我想到的唯一解决方案是每页创建一个CSS工作表，并且只根据加载的页面加载特定的CSS工作表。

特定的CSS工作表将设置特定li项的样式。

如果需要，我愿意使用JavaScript。