ブートストラップのナビゲーションバーがアクティブでない

私はbodyタグでこれを持っている：ブートストラップのナビゲーションバーがアクティブでない

<body data-spy="scroll" data-target=".navbar">

とナビゲーションバー：私は、ログインにCLIK場合でも

<nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="collapse navbar-collapse" id="myNavbar"> 

       <ul class="nav navbar-nav"> 
        <li><a href="{{url('/home')}}">Home</a></li> 
        <li><a href="{{url('/login')}}">Login</a></li> 
       </ul> 
      </div> 
     </div> 
</nav>

、ログインナビゲーションバーには、アクティブにされていません。 <li class="active">を追加するとアクティブになるだけですが、ホームログインナビバーをクリックしてもアクティブになります。

出典

2017-04-19 Steve

要求によってクラスのアクティブを追加することができます。またはクラスを使用する代わりに "id"を使用してみることができます –

アクティブクラスのjsコードが不足していると思います –

ホームとログイン部分は同じページにありますか？それはスクロールスパイがするものなので。これらが異なるページである場合、どのページをアクティブとして設定するかをブートストラップが知る方法はありません。 – Jerodev

あなたはこの問題のためにフィドルを作成してください

<li class="{{ Request::is('*home*' ) ? 'active' : '' }}"> 
    <a href="{{url('/home')}}">Home</a> 
</li>

出典

2017-04-19 13:11:11 bahek2462774

ブートストラップのナビゲーションバーがアクティブでない

答えて

関連する問題