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