基础按钮
各种类型的按钮,通过使用基础样式 .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
把一组按钮组放在同一行里。