码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap里的图标

时间:2017-06-11 15:42:04      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:nts   额外   uri   phi   bsp   意思   default   style   识别   

bootstrap里的图标全部位于fonts

如果你使用图标是为了表达某些含义(不仅仅是为了装饰用),请确保你所要表达的意思能够通过被辅助设备识别,例如,包含额外的内容并通过 .sr-only 类让其在视觉上表现出隐藏的效果。当图标纯粹作为装饰用途时),我们为这些图标设置了 aria-hidden="true" 属性。以下代码是如何将图标引入到网页。

<button type="button" class="btn btn-default" aria-label="Left Align">
  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
</button>

<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>

bootstrap里的图标

标签:nts   额外   uri   phi   bsp   意思   default   style   识别   

原文地址:http://www.cnblogs.com/dengxinxia/p/6985212.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!