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;
} 试一试» 如何添加阴影：