MENU

【Rails】Navbarを開いているページごとで「Active」状態にする

リストのクラス内に、以下のように入れ込みます。

if文で「root_path」にいる場合には、classに「active」を付与すると言った具合。

<li class="<%= 'active' if current_page?(root_path) %>">

例えば、以下のように入れ込むと、

<li class="nav-item <%= 'active' if current_page?(root_path) %>">
  <%= link_to root_path, class:"nav-link" do %>
    <i class="fas fa-home" style="font-size: 21px;"></i> <span class="sr-only">(current)</span>
  <% end %>
</li>
よかったらシェアしてね!

この記事を書いた人

目次
閉じる