1. ホーム
  2. ruby-on-rails

[解決済み] Twitter-Bootstrapのナビゲーションにアクティブリンクを表示させるには?

2022-11-10 06:01:09

質問

Twitter Bootstrap がナビゲーションのアクティブリンクをどのように行うのか理解できていません。このような通常のナビゲーションがある場合(ruby on rails リンク付き)。

<ul class="nav">
  <li class="active"> <a href="/link">Link</a> </li>
  <li class=""> <a href="/link">Link</a> </li>
  <li class=""> <a href="/link">Link</a> </li>        
</ul>

クリックされたリンクに基づいてアクティブにしておくには?

どのように解決するのですか?

全く同じ質問に対する回答はこちらです。 Rails 3.2.2とのTwitter Bootstrapの丸薬

<ul class="nav">
  <li class="<%= 'active' if params[:controller] == 'controller1' %>"> <a href="/link">Link</a> </li>
  <li class="<%= 'active' if params[:controller] == 'controller2' %>"> <a href="/link">Link</a> </li>
  <li class="<%= 'active' if params[:controller] == 'controller3' %>"> <a href="/link">Link</a> </li>        
</ul>