這篇文章主要介紹bootstrap前端框架中按鈕樣式有哪些,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
bootstrap中的按鈕樣式:
類樣式 | 描述 |
---|---|
.btn | 圓角灰色按鈕,為了讓按鈕不那么尖銳,我們的按鈕都應該使用這個樣式來獲得圓角,然后再覆蓋上其他的特性。 |
.btn-default | 默認/標準按鈕,白色的按下灰色。 |
.btn-primary | 原始按鈕樣式(未被操作),這個跟active相對應,他是一個按鈕沒被操作的樣式,而active是按鈕被點擊時顯示的相應的樣式。 |
.btn-success | 表示成功的動作 |
.btn-info | 該樣式可用于要彈出信息的按鈕 |
.btn-warning | 表示需要謹慎操作的按鈕 |
.btn-danger | 表示一個危險動作的按鈕操作 |
.btn-link | 讓按鈕看起來像個鏈接 (仍然保留按鈕行為) |
.btn-lg | 大按鈕 |
.btn-sm | 小按鈕 |
.btn-xs | 超小按鈕 |
.btn-block | 塊級按鈕(拉伸至父元素100%的寬度) |
.active | 按鈕被點擊,按鈕在激活時將呈現為被按壓的外觀(深色的背景、深色的邊框、陰影)。 |
.disabled | 禁用按鈕,顏色會變淡 50%,并失去漸變。 |
以上是bootstrap前端框架中按鈕樣式有哪些的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。