Bootstrap3字体图标组件

如何使用
因为Bootstrap已经把许多图标放在css样式里,使用时就只需要引用所需要的图标对应的图标类就行了。所有的图标都需要一个glyphicon基类和对应每个图标的类。

不能和其他组件混合使用
一个图标使用一个单独的元素。
应该创建一个嵌套的<span> 标签,并将图标类应用到这个 <span> 标签上。

只对内容为空的元素起作用
图标类只能应用在不包含任何文本内容或子元素的元素上。

aria-hidden=“true” 属性
为了避免 屏幕识读设备抓取非故意的和可能产生混淆的输出内容(尤其是当图标纯粹作为装饰用途时)。

.sr-only 类
如果你使用图标是为了表达某些含义(不仅仅是为了装饰用)。
包含额外的内容使用.sr-only 类会让其在视觉上表现出隐藏的效果

aria-label属相
如果所创建的组件不包含任何文本内容,使用aria-label属相表示这个控件的意图。
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值