首页 > 代码库 > bootstrap里的图标

bootstrap里的图标

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里的图标