Glyphicons 字體圖標
所有可用的圖標
包括250多個來自 Glyphicon Halflings 的字體圖標。Glyphicons Halflings 一般是收費的，但是他們的作者允許 Bootstrap 免費使用
下面來看看部分圖標
使用的方法也很簡單
出於性能的考慮，所有圖標都需要一個基類和對應每個圖標的類。把下面的代碼放在任何地方都可以正常使用。注意，為了設置正確的內補（padding），務必在圖標和文本之間添加一個空格。
不要和其他組件混合使用
圖標類不能和其它組件直接聯合使用。它們不能在同一個元素上與其他類共同存在。應該創建一個嵌套的 <span>標簽，並將圖標類應用到這個 <span> 標簽上。
只對內容為空的元素起作用
圖標類只能應用在不包含任何文本內容或子元素的元素上。
改變圖標字體文件的位置
Bootstrap 假定所有的圖標字體文件全部位於 ../fonts/ 目錄內，相對於預編譯版 CSS 文件的目錄。如果你修改了圖標字體文件的位置，那么，你需要通過下面列出的任何一種方式來更新 CSS 文件：
- 在 Less 源碼文件中修改
@icon-font-path和/或@icon-font-name變量。 - 利用 Less 編譯器提供的 相對 URL 地址選項。
- 修改預編譯 CSS 文件中的
url()地址。
根據你自身的情況選擇一種方式即可。
圖標的可訪問性
現代的輔助技術能夠識別並朗讀由 CSS 生成的內容和特定的 Unicode 字符。為了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容（尤其是當圖標純粹作為裝飾用途時），我們為這些圖標設置了 aria-hidden="true"屬性。
如果你使用圖標是為了表達某些含義（不僅僅是為了裝飾用），請確保你所要表達的意思能夠通過被輔助設備識別，例如，包含額外的內容並通過 .sr-only 類讓其在視覺上表現出隱藏的效果。
如果你所創建的組件不包含任何文本內容（例如， <button> 內只包含了一個圖標），你應當提供其他的內容來表示這個控件的意圖，這樣就能讓使用輔助設備的用戶知道其作用了。這種情況下，你可以為控件添加 aria-label屬相。
<span class="圖標的類" aria-hidden="true"></span>，圖標的類就是圖標下面的英文字母還有如果想讓圖標變成其他顏色的話，自己寫個css樣式就好自己使用圖標中遇到的問題：就是使用了圖標，但是在瀏覽器調試窗口會出錯，大致就是在fonts目錄下沒有這個圖標，但是fonts目錄是網站下載的，沒有任何改變，圖標也正常顯示，沒有任何不對，但是圖標有時候會加載的很慢，有時候還不能顯示，有知道原因的小伙伴請告知。