Laravel 中的 Bootstrap 5 导航

Question

我有 Booking 的父元素 它的孩子有预订路线/...

如果我选择了预订本身，它会使所有预订/...链接处于活动状态。 我怎样才能改变这个？

链接结构图

我尝试过使用 if 语句，但它不起作用。

Answer 1

<li class="nav-item">
      <a class="nav-link {{ request()->is('booking') ? 'active' : '' }}" href="/booking">Langverblijf</a>
</li>
<li class="nav-item">
       <a class="nav-link {{ request()->is('booking/day') ? 'active' : '' }}" href="/booking/day">Kortverblijf</a>
</li>
<li class="nav-item">
     <a class="nav-link {{ request()->is('booking/calendar') ? 'active' : '' }}" href="/booking/calendar">Kalender</a>
</li>
<li class="nav-item">
    <a class="nav-link {{ request()->is('booking/planboard') ? 'active' : '' }}" href="/booking/planboard">Planboard</a>
</li>

尝试这样也许这可以帮助..