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 | 使按钮组垂直堆叠 | 试一试 |
分类导航
