如何使用bootstrap3和php突出显示页眉中的活动页面？

-1

我想利用这段时间发布一些对我来说帮助很大的东西，如果像Stack Overflow这样的文章存在，我可以节省数小时的时间。我被建议发布这个问题并回答我自己的问题。如何使用bootstrap3和php突出显示页眉中的活动页面？

问题： 我想使用引导3，承认我是对的页面，并突出在头部正确的标签有一个导航栏。我尝试了很多东西，包括创建使用文件路径，文件名等的函数。由于我的项目，我无法获得任何工作。我还点了一个能够突出显示我点击的标签的点，但它不再切换页面。

我会发布我的解决方案作为我自己的问题的答案。 如果有人有更好的方式与社区分享我的策略，请随时将我指向适当的地方，我会移动我的信息。

2015-03-13 Ambasabi

请在投票前提供建设性的反馈意见，以便将来改进我的帖子。 – Ambasabi 2015-03-14 01:23:46

在header.php文件，这是我用来创建我的导航栏，并使用导航药丸从引导3有效突出显示正确的标签代码：

<div class="collapse navbar-collapse" id="navbar-collapsed"> 
     <ul class="nav nav-pills"> 
      <li <?php if($current == 'home') {echo 'class="active"';}?>> 
       <a href="<?php echo $scfg_baseurl ?>/index.php">Home</a></li> 
      <li <?php if($current == 'order') {echo 'class="active"';}?>> 
       <a href="<?php echo $scfg_baseurl ?>/order_manager/index.php">Order Online</a></li> 
      <li <?php if($current == 'about') {echo 'class="active"';}?>> 
       <a href="<?php echo $scfg_baseurl ?>/about_us/index.php">About Us</a></li> 
     </ul> 
     <div class="tab-content"> 
      <div role="tabpanel" class="tab-pane active" id="home">...</div> 
      <div role="tabpanel" class="tab-pane" id="OrderOnline">...</div> 
      <div role="tabpanel" class="tab-pane" id="AboutUs">...</div> 
     </div> 
    </div>

然后，在每一页我想要加载在导航栏（首页，在线订购，关于我们），我添加了以下内容之前 session_start（）;

$current = 'home';

或

$current = 'order';

或

$current = 'about';

取决于页我上，我就可以适当地引用它在头文件。通过在页面加载之前为我感兴趣的页面名称分配当前值，我可以正确地突出显示导航栏中的相应选项卡。

我希望这可以帮助别人尽可能地帮助我。

我想写信给Team Tree House张贴这篇文章，导致我解决我的问题。

欢迎反馈。

来源

2015-03-13 07:32:27 Ambasabi

如何使用bootstrap3和php突出显示页眉中的活动页面？

回答

相关问题