如何在所选页面上添加动态Active类
http://hotelshimlahill.com/demo/这个网站我在bootstrap中做过，包含导航栏的标题部分来自一个名为’header.php’的单独文件现在我想为每个用户的每个页面添加活动类正在参观。 我怎样才能做到这一点？ 请帮助我。 谢谢。
在您的个人页面中，例如https://stackoverflow.com/questions/21037396/how-to-add-dynamic-active-class-on-selected-page/about.php ， https://stackoverflow.com/questions/21037396/how-to-add-dynamic-active-class-on-selected-page/services.php ，您可以：
$currentPage = 'about'; // current page is about, do the same for other page include('header.php');
然后在header.php ，您可以检查：
或者您也可以尝试使用jQuery：
$(document).ready(function($){ var url = window.location.href; $('.nav li a[href="'+url+'"]').addClass('active'); });
所有菜单链接都在ul> li内。 所以，给所有李一个id。 并在每个页面上使用jquery addClass“active”到li。
在你bootstrap css你发现这一行我认为它应该在第4841行
.navbar-inverse .navbar-nav> li> a：hover，.navbar-inverse .navbar-nav> li> a：focus {background-color：＃5C0000; 颜色：#FFFFFF; }
你改变这一行
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active{ background-color: #5C0000; color: #FFFFFF; }
现在在你的项目文件中找到导航生成那些行的部分
然后改变它为accrodinly
然后你必须在导航链接中的每个文件中进行一些改变，比如https://stackoverflow.com/questions/21037396/how-to-add-dynamic-active-class-on-selected-page/index.php在我在导航链接上提到的文件顶部添加这一行
并为https://stackoverflow.com/questions/21037396/how-to-add-dynamic-active-class-on-selected-page/about.php
我认为当然选择你的活动页面thnaks