Как выделить текущую страницу с Bootstrap в Laravel 5.2

Question

используя Laravel 5.2. и нужно выделить текущую ссылку на страницу с помощью bootstarp. это файл меню My menus

<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

Вы можете установить переменные в ваших просматривать файлы, как это:

{{--*/ $nav = 'user' /*--}} 

А потом в макете проверить эту переменную:

<li class="@if ($nav == 'user') active @endif"> 

И, конечно, добавить объявления CSS для. активный.

Answer 2

От контроллера передать переменную $page. Таким образом, если метод контроллера для страницы 'дома', то:

function about(){ 
    $page = 'home'; 
    //rest of your code 
} 

и на ваш взгляд:

<li ><a href="{{ url('/home') }}" class="@if ($page == 'home') active @endif">Home</a></li> 

и в вашем CSS:

a.active: { 
color: red; 
} 

Answer 3

Вы можете определить класс CSS и примените класс к текущему адресу, например,

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

Обновление:

Как вы используете одно приложение страницы это будет работать для вас,

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

Answer 4

получил этот путь

// It adds an active class when the url matches "users*" 
// The * means that it doesn't matter what comes after it 
<li class="{{ Request::is('users*') ? 'active' : '' }}"> 
    <a href="{{ route('users.index') }}">Employees</a> 
</li>