Bootstrap 4 JS 按鈕
按鈕 CSS 類
要了解有關按鈕的教程，請閱讀我們的Bootstrap 按鈕教程。
下面的類可用於設定任何 <a>、<button> 或 <input> 元素的樣式
| 類 | 描述 | 示例 |
|---|---|---|
.btn |
為任何按鈕新增基本樣式 | 試一試 |
.btn-block |
製作塊級按鈕（跨越父元素的全部寬度） | 試一試 |
.btn-danger |
表示危險或潛在的負面操作 | 試一試 |
.btn-dark |
深灰色按鈕 | 試一試 |
.btn-default |
表示預設/標準按鈕 | 試一試 |
.btn-info |
用於資訊警報訊息的上下文按鈕 | 試一試 |
.btn-lg |
製作大號按鈕 | 試一試 |
.btn-light |
淺灰色按鈕 | 試一試 |
.btn-link |
使按鈕看起來像連結（仍具有按鈕功能） | 試一試 |
.btn-outline-* |
建立帶邊框的按鈕。使用任何上下文類作為*（btn-outline-primary, btn-outline-success, etc） | 試一試 |
.btn-primary |
提供額外的視覺權重，並識別一組按鈕中的主要操作 | 試一試 |
.btn-sm |
製作小號按鈕 | 試一試 |
.btn-success |
表示成功或積極的操作 | 試一試 |
.btn-secondary |
表示一個“不太重要”的操作 | 試一試 |
.btn-toolbar |
將按鈕組組合成按鈕工具欄，以構建更復雜的元件 | 試一試 |
.btn-warning |
表示此操作應謹慎進行 | 試一試 |
.active |
使按鈕顯示為按下狀態 | 試一試 |
.disabled |
使按鈕失效 | 試一試 |
透過 JavaScript
使用以下命令手動啟用：
$('.btn').button();
按鈕選項
| 無 |
按鈕方法
下表列出了所有可用的按鈕方法。
注意：方法也可以透過資料屬性傳遞；將方法名稱附加到 data-，例如 data-toggle 或 data-dispose。
| 方法 | 描述 | 試一試 |
|---|---|---|
| .button("toggle") | 使按鈕看起來處於按下狀態 | 試一試 |
| .button("dispose") | 銷燬元素的按鈕 |
