基础按钮
各种类型的按钮,通过使用基础样式 .btn 来搭配相关颜色样式使用
| 尺寸 | 默认 btn-default |
主要 btn-primary |
成功 btn-success |
信息 btn-info |
警告 btn-warning |
危险 btn-danger |
链接 btn-link |
|---|---|---|---|---|---|---|---|
最小 btn-xs |
|||||||
小 btn-sm |
|||||||
| 中 (默认尺寸) | |||||||
大 btn-lg |
图标按钮
线形按钮
追加 .btn-outline 将按钮变成线形按钮
应用按钮
使用 .btn .btn-app 组合,将按钮变成线形按钮
下拉按钮
两种形式的下拉按钮
块按钮
追加 .btn-block 将按钮变成自适应宽度状态
按钮组
通过按钮组容器 .btn-group 把一组按钮放在同一行里。
按钮工具栏
通过工具栏容器 .btn-toolbar 把一组按钮组放在同一行里。