## Glyphicons 字體圖標 **所有可用的圖標** 包括250多個來自 Glyphicon Halflings 的字體圖標。例如下圖的一些字體圖標，更多的字體圖標請見boostrap官方文檔 。  ***** **如何使用字體圖標** 出于性能的考慮，所有圖標都需要一個基類（glyphicon）和對應每個圖標的類。為了設置正確的內補（padding），必須在圖標和文本之間添加一個空格。 **注意**： 1 . 不要和其他組件混合使用 圖標類不能和其它組件直接聯合使用。它們不能在同一個元素上與其他類共同存在。應該單獨創建一個嵌套的`<span>`標簽，并將圖標類應用到這個`<span>`標簽上。 2 . 只對內容為空的元素起作用 圖標類只能應用在不包含任何文本內容或子元素的元素上。 3 . 圖標的可訪問性 為了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容，特別是當圖標純粹作為裝飾用途時,要給這些圖標設置了`aria-hidden="true"`屬性；如果你使用圖標是為了表達某些含義（不僅僅是為了裝飾用），請確保你所要表達的意思能夠通過被輔助設備識別，例如，包含額外的內容并通過`.sr-only`類讓其在視覺上表現出隱藏的效果。使用方法如下： ```html <span class="glyphicon glyphicon-search" aria-hidden="true"></span> ``` ***** **實例** 可以把它們應用到按鈕、工具條中的按鈕組、導航或輸入框等地方。 ```html <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-plus" aria-hidden="hidden"></span> </button> <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-search" aria-hidden="hidden"></span> </button> ```  alert 組件中所包含的圖標是用來表示這是一條錯誤消息的，通過添加額外的`.sr-only`文本就可以讓輔助設備知道這條提示所要表達的意思了。 ```html <div class="alert alert-danger" role="alert"> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> <span class="sr-only">Error:</span>錯誤信息提示 </div> ```