如何使用
因为Bootstrap已经把许多图标放在css样式里,使用时就只需要引用所需要的图标对应的图标类就行了。所有的图标都需要一个glyphicon基类和对应每个图标的类。
不能和其他组件混合使用
一个图标使用一个单独的元素。
应该创建一个嵌套的<span> 标签,并将图标类应用到这个 <span> 标签上。
只对内容为空的元素起作用
图标类只能应用在不包含任何文本内容或子元素的元素上。
aria-hidden=“true” 属性
为了避免 屏幕识读设备抓取非故意的和可能产生混淆的输出内容(尤其是当图标纯粹作为装饰用途时)。
.sr-only 类
如果你使用图标是为了表达某些含义(不仅仅是为了装饰用)。
包含额外的内容使用.sr-only 类会让其在视觉上表现出隐藏的效果
aria-label属相
如果所创建的组件不包含任何文本内容,使用aria-label属相表示这个控件的意图。