如何在 Laravel 5.2 中使用 Bootstrap 突出显示当前页面

Question

使用 Laravel 5.2。并且需要使用 bootstarp 突出显示当前页面链接。这是我的菜单刀片文件

<div class="collapse navbar-collapse" id="app-navbar-collapse">
                <!-- Left Side Of Navbar -->
                <ul class="nav navbar-nav">
                    <li ><a href="{{ url('/home') }}">Home</a></li>  //menu

                     <li ><a href="{{ url('/help') }}">Help</a></li> //menu

                </ul>

                <!-- Right Side Of Navbar -->
                <ul class="nav navbar-nav navbar-right">
                    <!-- Authentication Links -->
                    @if (Auth::guest())
                        <li><a href="{{ url('/login') }}">Login</a></li>
                        <li><a href="{{ url('/register') }}">Register</a></li>
                    @else
                        <li class="dropdown">

                            <li> <a href="{{ route('projects.index') }}">Projects</a> </li> //menu



                            <li> <a href="{{ route('collaborators.index') }}">Collaborators</a> </li> //menu

我能做些什么？我需要一个简单的

Answer 1

您可以定义一个 css 类并将该类应用于当前 url，如下所示，

 <li class="{{ Request::is('home') ? 'active' : '' }}">

更新 ：

当您使用单页应用程序时，这对您有用，

 $("ul li").click(function() {
  $('li').removeClass("active");
  $(this).addClass("active");
 });