Bootstrap导航中禁用导航链接

禁用导航链接

在导航组件中，包括标签页导航、胶囊式导航，都可以为某个 <li> 添加.disabled类，让链接变灰并且失去鼠标悬停效果。如：

<ul class="nav nav-pills">
<li><a href="#">Clickable link</a></li>
<li><a href="#">Clickable link</a></li>
<li class="disabled"><a href="">Disabled link</a></li>
</ul>

效果如图 3‑38所示：

图3-38 禁用导航链接

注意：被禁用的链接仍然可以点击，除非你去掉链接的 href 属性，或者使用JavaScript代码阻止用户点击链接。

关于作者

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

Bootstrap导航中禁用导航链接相关推荐

Bootstrap系列 -- 37. 基础导航样式
Bootstrap框架中制作导航条主要通过".nav"样式.默认的".nav"样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如"nav-t ...
Bootstrap 禁用导航链接
在导航组件中,包括标签导航.胶囊式导航.导航列表,为某个 <li> 元素添加 .disabled 类,可以让链接变灰并失去鼠标悬停效果.如: <ul class="nav ...
Bootstrap 分页导航中的翻页组件
分页导航中的翻页一些简单的网站,比如博客或者杂志网站,希望用更少的标记和样式,来创建简单的"前一页"和"后一页"的翻页导航. Bootstrap中,只需为列表 ...
Bootstrap组件学习之导航和导航条
导航 Bootstrap提供灵活.多样的导航组件,允许使用相同的标签.不同的类,实现不同风格的导航样式,具有非常高的可定制行.所有的导航组件,包括标签页.pills.导航列表标签,都必须使用nav类实 ...
Bootstrap 标准的分页导航
标准的分页导航 Bootstrap 中,标准分页导航的中间是页码,两头是上一页和下一页的链接.可以使用无序列表和有序列表来定义分页导航结构,暂不支持描述列表.只需把列表放在 .pagination 的 ...
Bootstrap系列 -- 44. 分页导航
带页码的分页导航,可能是最常见的一种分页导航,特别是在列表页内容超多的时候,会给用户提供分页的导航方式.平时很多同学喜欢用div>a和div>span结构来制作带页码的分页导航.不过,在B ...
Bootstrap(3)__Bootstrap基础导航,轮播,下拉表
下拉菜单 <div id='btn' class="dropdown">//dropdoup上啦 <button class="btn btn-def ...
如何使用Bootstrap构建画布外导航布局
Bootstrap旨在通过提供一些常用的Web组件来满足许多情况. 有按钮,响应式导航栏,选项卡,工具提示,轮播等. 尽管如此,即使Bootstrap提供了所有玩具,它仍然缺少一种非常流行的模式:离画 ...
DataGrid中页导航栏的自定义样式
我们可以利用DataGrid的ItemCreat()方法来实现DataGrid中页脚(Foot)和页导航栏的自定义样式.ItemCreat,顾名思义,就是在数据项创建时发生的事件,对于DataGrid ...

Bootstrap导航中禁用导航链接

禁用导航链接

Bootstrap导航中禁用导航链接相关推荐

最新文章

热门文章