JS按鈕(button.js)
如果你想有超過你的按鈕更多控制使用這個插件。
對於有關按鈕的教程，請閱讀我們Bootstrap按鈕教程 。
按鈕插件類
下面的類可以被用於任何樣式<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 | 使得禁用按鈕 | 嘗試一下 |
通過JavaScript
與手動啟用：
$('.btn').button();
按鈕選項
| None |
按鈕的方法
下表列出了所有可用按鈕的方法。
注意：對於這個插件，方法也可以通過數據屬性通過; 方法名附加到數據 - ，如在數據肘節或數據加載。
| 方法 | 描述 | 嘗試一下 |
|---|---|---|
| .button("toggle") | 使得按鈕按下的樣子 | 嘗試一下 |
| .button("loading") | 禁用按鈕並更改按鈕上的文字為“載入中...” | 嘗試一下 |
| .button("reset") | 更改按鈕文本原始文本（如果更改） | 嘗試一下 |
| .button("string") | 指定一個新的按鈕文本 | 嘗試一下 |
例子
使用CSS自定義按鈕
如何刪除圓角邊框：
如何添加特定的顏色：
例
.btn-default {
background: #000;
color: #fff;
}
.btn-default:hover {
background: #fff;
color: #000;
} 試一試» 如何添加陰影：