在bootstrap中有许多的可用的图标,只要在我们所需要的span标签里添加我们所要的图标的类就可以啦。
比如: <span class="glyphicon glyphicon-asterisk"></span>
但是请注意:图标类不能和其他组件直接联合使用,不能和其他类在同一个元素上共同存在,并且所包含图标类的元素的内容必须为空。
图标的可访问性:
如果我们所设置的图标仅仅是做装饰用的就可以设置aria-hidden="true"
属性。
如果我们所设置的图标不仅仅是做装饰用的,而是用某种用途的,我们可以设置.sr-only
类
来使它出现隐藏的效果。