如何使用 Glyphicons

Twitter Bootstrap 支持名为 glyphicons 的图标，它们可以与 HTML 的所有标记一起使用。

所有图标都需要基类和单独的图标类。

请记住，图标类不能直接与其他组件组合，因此请始终使用内部 <span></span> 标记。

如果你的 HTML 代码具有内部子元素，那么你将无法使用该特定标记的图标类。

例子

例如，你正在创建一个引导按钮，那么此按钮的语法应如下所示：

<button type="button" class="btn btn-default btn-lg">
   Star
</button>

因此，在上面的示例中，创建了一个简单的引导按钮，但现在你要在此按钮中添加一个 glyphicon，为此只需在 <button> 标记内添加 <span> 元素。像这样：

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