在網(wǎng)頁(yè)中使用圖標(biāo)也非常的簡(jiǎn)單，在任何內(nèi)聯(lián)元素上應(yīng)用所對(duì)應(yīng)的樣式即可：

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

運(yùn)行效果如下或查看右側(cè)結(jié)果窗口：

所有icon都是以”glyphicon-”前綴的類(lèi)名開(kāi)始，然后后綴表示圖標(biāo)的名稱。具體說(shuō)明如下：

所有名稱查看：

請(qǐng)點(diǎn)擊：http://getbootstrap.com/components/#glyphicons 鏈接查閱或根據(jù)bootstrap.css文件第2393行～第2992行查閱。

特別說(shuō)明：

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