Bootstrap CSS 按钮参考
Button 按钮颜色
Button 按钮尺寸
Buttons 活动/禁用按钮
块级按钮
按钮组
按钮类
以下类可用于设置任何 <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 | 使按钮组显示为垂直堆叠 | 测试一下 |
