Bootstrap 高亮某个菜单项

为下拉菜单中某个下拉项的 <li> 元素添加 .active类，就可以让它高亮显示，表示它是当前活动的菜单项。如：

1. <ul class="dropdown-menu">
2.   <li><a tabindex="-1" href="#">Regular link</a></li>
3.   <li class="active"><a tabindex="-1" href="#">Disabled link</a></li>
4.   <li><a tabindex="-1" href="#">Another link</a></li>
5. </ul>

效果如图 4‑4所示：

图4-4 Bootstrap下拉菜单组件中高亮某个菜单项

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。