1. 程式人生 > >bootstrap輔助類(9)

bootstrap輔助類(9)

文字
以下不同的類展示了不同的文字顏色。如果文字是個連結滑鼠移動到文字上會變暗:

類 描述 例項
.text-muted “text-muted” 類的文字樣式
.text-primary “text-primary” 類的文字樣式
.text-success “text-success” 類的文字樣式
.text-info “text-info” 類的文字樣式
.text-warning “text-warning” 類的文字樣式
.text-danger “text-danger” 類的文字
背景
以下不同的類展示了不同的背景顏色。 如果文字是個連結滑鼠移動到文字上會變暗:

類 描述 例項
.bg-primary 表格單元格使用了 “bg-primary” 類
.bg-success 表格單元格使用了 “bg-success” 類
.bg-info 表格單元格使用了 “bg-info” 類
.bg-warning 表格單元格使用了 “bg-warning” 類
.bg-danger 表格單元格使用了 “bg-danger” 類
其他
類 描述 例項
.pull-left 元素浮動到左邊
.pull-right 元素浮動到右邊
.center-block 設定元素為 display:block 並居中顯示
.clearfix 清除浮動
.show 強制元素顯示
.hidden 強制元素隱藏
.sr-only 除了螢幕閱讀器外,其他裝置上隱藏元素
.sr-only-focusable 與 .sr-only 類結合使用,在元素獲取焦點時顯示(如:鍵盤操作的使用者)
.text-hide 將頁面元素所包含的文字內容替換為背景圖
.close 顯示關閉按鈕
.caret 顯示下拉式功能