首頁 > web前端 > Bootstrap教程 > bootstrap按鈕樣式有哪些

bootstrap按鈕樣式有哪些

發布: 2019-07-31 13:46:46
原創
9498 人瀏覽過

bootstrap按鈕樣式有哪些

bootstrap中的按鈕樣式:

##.btn- danger表示一個危險動作的按鈕動作.btn-link讓按鈕看起來像個連結(仍然保留按鈕行為).btn-lg大按鈕#.btn-sm 小按鈕.btn-xs 超小按鈕#.btn-block「區塊層級按鈕(拉伸至父元素100%的寬度).active按鈕被點擊,按鈕在啟動時將呈現為被按壓的外觀(深色的背景、深色的邊框、陰影)。 .disabled 停用按鈕,顏色會變淡 50%,並失去漸層。
類別樣式
描述
.btn  #圓角灰色按鈕,為了讓按鈕不那麼尖銳,我們的按鈕都應該使用這個樣式來獲得圓角,然後再覆蓋上其他的特性。
.btn-default  預設/標準按鈕,白色的按下灰色。
.btn-primary  原始按鈕樣式(未被操作),這個跟active相對應,他是一個按鈕沒被操作的樣式,而active是按鈕被點擊時顯示的對應的樣式。
.btn-success 表示成功的動作
.btn-info 該樣式可用來要彈出資訊的按鈕
.btn-warning #表示需要謹慎操作的按鈕
推薦:

bootstrap入門教學
#

以上是bootstrap按鈕樣式有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板