Fatal编程技术网

Twitter bootstrap 引导导航栏未处于活动状态

twitter-bootstrap laravel twitter-bootstrap-3

Twitter bootstrap 引导导航栏未处于活动状态,twitter-bootstrap,laravel,twitter-bootstrap-3,Twitter Bootstrap,Laravel,Twitter Bootstrap 3,我有一个身体标签： <body data-spy="scroll" data-target=".navbar"> 导航栏： <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="myNavbar"> <ul cl

我有一个身体标签：

<body data-spy="scroll" data-target=".navbar">
导航栏：

 <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="{{ Request::is('*home*'  ) ? 'active' : ''  }}">
  <a href="{{url('/home')}}">Home</a>
</li>

  • 

    •
    您可以根据请求添加类活动

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

  • 

    •
    请为此问题创建一个提琴。或者不使用类，你可以尝试使用“id”，我认为你缺少一些活动类的js代码，主页和登录部分在同一页上吗？因为这就是卷轴间谍所做的。如果这些是不同的页面，引导程序无法知道要将哪个页面设置为活动页面。请为此问题创建一个提琴。或者不使用类，你可以尝试使用“id”，我认为你缺少一些活动类的js代码，主页和登录部分在同一页上吗？因为这就是卷轴间谍所做的。如果这些是不同的页面，引导程序无法知道要将哪个页面设置为活动页面。