這篇文章主要介紹bootstrap前端框架中按鈕樣式有哪些,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
bootstrap中的按鈕樣式:
類樣式 | 描述 |
---|---|
.btn | 圓角灰色按鈕,為了讓按鈕不那么尖銳,我們的按鈕都應(yīng)該使用這個(gè)樣式來獲得圓角,然后再覆蓋上其他的特性。 |
.btn-default | 默認(rèn)/標(biāo)準(zhǔn)按鈕,白色的按下灰色。 |
.btn-primary | 原始按鈕樣式(未被操作),這個(gè)跟active相對(duì)應(yīng),他是一個(gè)按鈕沒被操作的樣式,而active是按鈕被點(diǎn)擊時(shí)顯示的相應(yīng)的樣式。 |
.btn-success | 表示成功的動(dòng)作 |
.btn-info | 該樣式可用于要彈出信息的按鈕 |
.btn-warning | 表示需要謹(jǐn)慎操作的按鈕 |
.btn-danger | 表示一個(gè)危險(xiǎn)動(dòng)作的按鈕操作 |
.btn-link | 讓按鈕看起來像個(gè)鏈接 (仍然保留按鈕行為) |
.btn-lg | 大按鈕 |
.btn-sm | 小按鈕 |
.btn-xs | 超小按鈕 |
.btn-block | 塊級(jí)按鈕(拉伸至父元素100%的寬度) |
.active | 按鈕被點(diǎn)擊,按鈕在激活時(shí)將呈現(xiàn)為被按壓的外觀(深色的背景、深色的邊框、陰影)。 |
.disabled | 禁用按鈕,顏色會(huì)變淡 50%,并失去漸變。 |
以上是bootstrap前端框架中按鈕樣式有哪些的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
網(wǎng)站題目:bootstrap前端框架中按鈕樣式有哪些-創(chuàng)新互聯(lián)
分享鏈接:http://newbst.com/article26/dggojg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、商城網(wǎng)站、面包屑導(dǎo)航、云服務(wù)器、建站公司、網(wǎng)站營(yíng)銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容