当前位置: 首页 > 面试题库 >

如何获取Twitter-Bootstrap导航以显示活动链接?

尚阳炎
2023-03-14
问题内容

我不了解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>

如何根据点击的链接使其保持活动状态?


问题答案:

刚刚在这里对相同的问题做了一个回答 Twitter with Rails 3.2.2的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>

您可以使用类似(类似于@phil提到的内容,但简短一点):

<ul class="nav">
  <li class="<%= 'active' if current_page?(root_path) %>"><%= link_to "Home", root_path %></li>
  <li class="<%= 'active' if current_page?(about_path) %>"><%= link_to "About", about_path %></li>
  <li class="<%= 'active' if current_page?(contact_path) %>"><%= link_to "Contact", contact_path %></li>
</ul>


 类似资料: