如何使用 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>