在網頁中使用圖標也非常的簡單，在任何內聯元素上應用所對應的樣式即可：

<span class="glyphicon glyphicon-search"></span>
<span class="glyphicon glyphicon-asterisk"></span>
<span class="glyphicon glyphicon-plus"></span>
<span class="glyphicon glyphicon-cloud"></span>

運行效果如下或查看右側結果窗口：

所有icon都是以”glyphicon-”前綴的類名開始，然后后綴表示圖標的名稱。具體說明如下：

所有名稱查看：

請點擊：http://getbootstrap.com/components/#glyphicons 鏈接查閱或根據bootstrap.css文件第2393行～第2992行查閱。

特別說明：

除了使用glyphicon.com提供的圖標之外，還可以使用第三方為Bootstrap框架設計的圖標字體，如Font Awesome(http://www.bootcss.com/p/font-awesome/)。使用方法和上面介紹的一樣，不過記得將字體下載到你本地。 感興趣的可以閱讀官網相關介紹。