Bootstrap 禁用某个菜单项

禁用某个菜单项

为下拉菜单某个下拉项的 <li> 元素添加 .disabled 类，就可以禁止该选项，让该菜单项的链接变灰并失去鼠标悬停效果。如：

<ul class="dropdown-menu">

  <li><a tabindex="-1" href="#">Regular link</a></li>

  <li class="disabled"><a tabindex="-1" href="#">Disabled link</a></li>

  <li><a tabindex="-1" href="#">Another link</a></li>

</ul>

效果如图 4‑5所示：

图4-5 Bootstrap下拉菜单组件禁用某个菜单项注意：被禁用的链接仍然可以点击，除非你去掉链接的 href 属性，或者使用JavaScript代码阻止用户点击链接。版权声明：本文出自 歪脖网 的《Bootstrap教程》，欢迎在线阅读，并提出宝贵意见。