为下拉菜单中某个下拉项的 <li> 元素添加 .active类,就可以让它高亮显示,表示它是当前活动的菜单项。如:
<ul class="dropdown-menu"> <li><a tabindex="-1" href="#">Regular link</a></li> <li class="active"><a tabindex="-1" href="#">Disabled link</a></li> <li><a tabindex="-1" href="#">Another link</a></li></ul>
效果如图 4‑4所示:
图4-4 Bootstrap下拉菜单组件中高亮某个菜单项
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。