Bootstrap CSS 按鈕參考
按鈕顏色
按鈕大小
活動/停用按鈕
塊級按鈕
按鈕組
按鈕類
下面的類可用於設定任何 <a>、<button> 或 <input> 元素的樣式
| 類 | 描述 | 示例 |
|---|---|---|
| .btn | 為任何按鈕新增基本樣式 | 試一試 |
| .btn-default | 表示預設/標準按鈕 | 試一試 |
| .btn-primary | 提供額外的視覺權重，並識別一組按鈕中的主要操作 | 試一試 |
| .btn-success | 表示成功或積極的操作 | 試一試 |
| .btn-info | 用於資訊警報訊息的上下文按鈕 | 試一試 |
| .btn-warning | 表示此操作應謹慎進行 | 試一試 |
| .btn-danger | 表示危險或潛在的負面操作 | 試一試 |
| .btn-link | 使按鈕看起來像連結（仍具有按鈕功能） | 試一試 |
| .btn-lg | 製作大號按鈕 | 試一試 |
| .btn-sm | 製作小號按鈕 | 試一試 |
| .btn-xs | 製作一個特小號按鈕 | 試一試 |
| .btn-block | 製作塊級按鈕（跨越父元素的全部寬度） | 試一試 |
| .active | 使按鈕顯示為按下狀態 | 試一試 |
| .disabled | 使按鈕失效 | 試一試 |
| .navbar-btn | 在導航欄內垂直對齊按鈕 | 試一試 |
按鈕組類
下面的類可用於設定任何 <a>、<button> 或 <input> 元素的樣式
| 類 | 描述 | 示例 |
|---|---|---|
| .btn-group | 將按鈕組合在一起，顯示在同一行 | 試一試 |
| .btn-group-justified | 使一組按鈕佔據螢幕的整個寬度 | 試一試 |
| .btn-group-lg | 大型按鈕組（使按鈕組中的所有按鈕變大 - 增加字號和內邊距） | 試一試 |
| .btn-group-sm | 小型按鈕組（使按鈕組中的所有按鈕變小） | 試一試 |
| .btn-group-xs | 特小號按鈕組（使按鈕組中的所有按鈕都特小號） | 試一試 |
| .btn-group-vertical | 使按鈕組垂直堆疊 | 試一試 |
