我只想问一下，根据我在网站上访问的页面，我是否应该如何转移类属性"active"。
例如[Bootstrap snippet]：
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
因此，如果我访问概要文件，该类将被转移到概要文件的<li>标记中。
试试这个
<ul class="nav nav-pills">
<li <?php if($_SERVER['REQUEST_URI']=='/index.php'){ ?> class="active" <?php } ?>><a href="#">Home</a></li>
<li <?php if($_SERVER['REQUEST_URI']=='/profile.php'){ ?> class="active" <?php } ?>><a href="#">Profile</a></li>
<li <?php if($_SERVER['REQUEST_URI']=='/message.php'){ ?> class="active" <?php } ?>><a href="#">Messages</a></li>
</ul>
//我们正在获取演示php文件，如index.php、profile.php、message.php。您可以使用自己的
希望它能帮助
如果你不介意在网站上使用Javascript，Bootstrap有一些内置功能可以帮你做到这一点。只需确保您有具有可解析id的目标（如<div id="home">）。
我在这个设计中遇到的最大问题是，所有的"页面"都是在加载时呈现的。如果我正在构建基于用户输入的任何更改，我发现自己必须使用大量AJAX。
从引导站点：
标记只需在元素上指定data toggle="tab"或data toggle="pill"，就可以在不编写任何JavaScript的情况下激活选项卡或pill导航。将导航和导航选项卡类添加到选项卡ul将应用引导选项卡样式。
<ul class="nav nav-tabs">
<li><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
<li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>