響應式網(wǎng)站按鈕
發(fā)表日期：2020-03-19 07:55:47?? 文章編輯：admin ?? 瀏覽次數(shù)：323
本章將通過實例講解如何使用響應式網(wǎng)站按鈕。任何帶有 class .btn 的元素都會繼承圓角灰色按鈕的默認外觀。但是響應式網(wǎng)站提供了一些選項來定義按鈕的樣式，具體如下表所示：
以下樣式可用于,
| 類 | 描述 |
|---|---|
| .btn | 為按鈕添加基本樣式 |
| .btn-default | 默認/標準按鈕 |
| .btn-primary | 原始按鈕樣式（未被操作） |
| .btn-success | 表示成功的動作 |
| .btn-info | 該樣式可用于要彈出信息的按鈕 |
| .btn-warning | 表示需要謹慎操作的按鈕 |
| .btn-danger | 表示一個危險動作的按鈕操作 |
| .btn-link | 讓按鈕看起來像個鏈接 (仍然保留按鈕行為) |
| .btn-lg | 制作一個大按鈕 |
| .btn-sm | 制作一個小按鈕 |
| .btn-xs | 制作一個超小按鈕 |
| .btn-block | 塊級按鈕(拉伸至父元素100%的寬度) |
| .active | 按鈕被點擊 |
| .disabled | 禁用按鈕 |
按鈕大小
下表列出了獲得各種大小按鈕的 class：
| Class | 描述 |
|---|---|
| .btn-lg | 這會讓按鈕看起來比較大。 |
| .btn-sm | 這會讓按鈕看起來比較小。 |
| .btn-xs | 這會讓按鈕看起來特別小。 |
| .btn-block | 這會創(chuàng)建塊級的按鈕，會橫跨父元素的全部寬度。 |
代碼如下：
標簽： 響應式網(wǎng)站按鈕
如沒特殊注明，文章均為宜興博路網(wǎng)絡原創(chuàng),轉(zhuǎn)載請注明來自http://059498.cn/news/wangzhansheji/2020/0319/248.html