這篇文章主要介紹了bootstrap有什么樣式按鈕,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站成立于2013年,我們提供高端網(wǎng)站建設(shè)、成都網(wǎng)站制作公司、成都網(wǎng)站設(shè)計、網(wǎng)站定制、營銷型網(wǎng)站建設(shè)、小程序制作、微信公眾號開發(fā)、成都網(wǎng)站推廣服務(wù),提供專業(yè)營銷思路、內(nèi)容策劃、視覺設(shè)計、程序開發(fā)來完成項目落地,為成都玻璃隔斷企業(yè)提供源源不斷的流量和訂單咨詢。
bootstrap樣式按鈕有:1、“.btn”圓角灰色按鈕;2、“.btn-lg”大按鈕;3、“.btn-sm”小按鈕;4、“.btn-xs”超小按鈕;5、“.btn-block”塊級按鈕;6、“.disabled”禁用樣式按鈕等等。
本教程操作環(huán)境:Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦
類樣式 | 描述 |
---|---|
.btn | 圓角灰色按鈕,為了讓按鈕不那么尖銳,我們的按鈕都應(yīng)該使用這個樣式來獲得圓角,然后再覆蓋上其他的特性。 |
.btn-default | 默認(rèn)/標(biāo)準(zhǔn)按鈕,白色的按下灰色。 |
.btn-primary | 原始按鈕樣式(未被操作),這個跟active相對應(yīng),他是一個按鈕沒被操作的樣式,而active是按鈕被點擊時顯示的相應(yīng)的樣式。 |
.btn-success | 表示成功的動作 |
.btn-info | 該樣式可用于要彈出信息的按鈕 |
.btn-warning | 表示需要謹(jǐn)慎操作的按鈕 |
.btn-danger | 表示一個危險動作的按鈕操作 |
.btn-link | 讓按鈕看起來像個鏈接 (仍然保留按鈕行為) |
.btn-lg | 大按鈕 |
.btn-sm | 小按鈕 |
.btn-xs | 超小按鈕 |
.btn-block | 塊級按鈕(拉伸至父元素100%的寬度) |
.active | 按鈕被點擊,按鈕在激活時將呈現(xiàn)為被按壓的外觀(深色的背景、深色的邊框、陰影)。 |
.disabled | 禁用按鈕,顏色會變淡 50%,并失去漸變。 |
基本的按鈕組
按鈕的大小
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“bootstrap有什么樣式按鈕”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!