Bootstrap3字體圖標組件

如何使用
因爲Bootstrap已經把許多圖標放在css樣式裏,使用時就只需要引用所需要的圖標對應的圖標類就行了。所有的圖標都需要一個glyphicon基類和對應每個圖標的類。

不能和其他組件混合使用
一個圖標使用一個單獨的元素。
應該創建一個嵌套的<span> 標籤,並將圖標類應用到這個 <span> 標籤上。

只對內容爲空的元素起作用
圖標類只能應用在不包含任何文本內容或子元素的元素上。

aria-hidden=“true” 屬性
爲了避免 屏幕識讀設備抓取非故意的和可能產生混淆的輸出內容(尤其是當圖標純粹作爲裝飾用途時)。

.sr-only 類
如果你使用圖標是爲了表達某些含義(不僅僅是爲了裝飾用)。
包含額外的內容使用.sr-only 類會讓其在視覺上表現出隱藏的效果

aria-label屬相
如果所創建的組件不包含任何文本內容,使用aria-label屬相表示這個控件的意圖。
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章