基本設(shè)置
| 修改元素 | 變量 | 修改值 |
|---|---|---|
| 文字大小 | font-size-base | 12px |
| 字體 | font-family-sans-serif | "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif |
| 屏幕寬度 | container-large-desktop | (1150px + @grid-gutter-width) |
按鈕
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|背景顏色|btn-default-bg|#4877ed|
|文字顏色|btn-default-color|#fff|
|按鈕邊框|btn-default-border|（空）|
|按鈕邊框|btn-danger-border|（空）|
|按鈕邊框|btn-warning-border|（空）|
|按鈕邊框|btn-info-border|（空）|
|按鈕邊框|btn-success-border|（空）|
|按鈕邊框|btn-primary-border|（空）|
基礎(chǔ)顏色(Colors)
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|主色|brand-primary|#4877ED|
|警告顏色|brand-warning|#E1BC29|
|錯(cuò)誤顏色|brand-danger|#FF5151|
|成功顏色|brand-success|#3BB273|
|類(lèi)色|brand-info|#1446A0|
Scaffolding(交互色)
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|文本選中顏色|component-active-color|#3469ED|
|文本選中背景顏色|component-active-bg|transparent|
表單(Forms)
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|input描邊|input-border| #dbdbdb|
|input焦點(diǎn)事件|input-border-focus|#3469ED|
|表單輸入文字顏色|input-color|@gray-dark|
驗(yàn)證
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|驗(yàn)證文字顏色|state-success-text|#fff|
|驗(yàn)證文字顏色|state-info-text|#fff|
|驗(yàn)證文字顏色|state-warning-text|#fff|
|驗(yàn)證文字顏色|state-danger-text|#fff|
|驗(yàn)證背景|state-success-bg|@brand-success|
|驗(yàn)證背景|state-info-bg|@brand-info|
|驗(yàn)證背景|state-warning-bg|@brand-warning|
|驗(yàn)證背景|state-danger-bg|@brand-danger|
分頁(yè)
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|分頁(yè)radius|pager-border-radius|3px|
模態(tài)窗
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|模態(tài)窗內(nèi)容背景|modal-content-bg|#fcfcfc|
|狀態(tài)層透明度|modal-backdrop-opacity|.6|
|模態(tài)窗尺寸|@modal-md|500px|
|模態(tài)窗尺寸|@modal-sm|400px|
Thumbnails(縮略圖)
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|縮略圖內(nèi)補(bǔ)白|@thumbnail-padding|0px|
|縮略圖邊框色|@thumbnail-border|#adadad|
close(關(guān)閉按鈕)
|修改元素|變量|修改值|
|:----:|:----:|:----:|:----:|
|關(guān)閉圖標(biāo)字體|@close-font-weight|normal|
|陰影|@close-text-shadow|0|
