如何让 Twitter-Bootstrap 导航显示活动链接? [英] How to get Twitter-Bootstrap navigation to show active link?

查看:32
本文介绍了如何让 Twitter-Bootstrap 导航显示活动链接?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我不明白 Twitter Bootstrap 如何为导航提供活动链接.如果我有这样的常规导航(使用 ruby​​ on rails 链接):

I'm not understanding how Twitter Bootstrap does active links for the navigation. If I have a regular navigation like this (with ruby on rails linking):

<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>

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

How do I keep it active based on the link clicked?

推荐答案

刚刚在这里回答了同样的问题Twitter Bootstrap Pills with Rails 3.2.2

Just made an answer on the very same question here Twitter Bootstrap Pills with Rails 3.2.2

<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>

这篇关于如何让 Twitter-Bootstrap 导航显示活动链接?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆