按钮
| 按钮 | class="" | 按钮 | class="" |
|---|---|---|---|
btn btn-default |
btn btn-primary |
||
btn btn-success |
btn btn-info |
||
btn btn-warning |
btn btn-danger |
||
btn btn-secondary |
btn btn-dark |
||
btn btn-purple |
btn btn-pink |
||
btn btn-cyan |
btn btn-yellow |
||
btn btn-brown |
btn btn-link |
其他按钮样式
边框按钮
用 .btn-outline-* 替换默认的修饰符类，以删除任何按钮上的所有背景图像和颜色。
圆角按钮
class 中增加 .btn-round。
带图标的按钮
class 中增加 .btn-label，button 元素中增加 label 元素。
指定按钮宽度
可使用 .btn-w-xs, .btn-w-sm, .btn-w-md, .btn-w-lg 和 .btn-w-xl 类指定按钮宽度。
按钮大小
使用 .btn-lg, .btn-sm 和 .btn-xs 类指定按钮的大小。
块级元素按钮
加上 .btn-block 类可以使得按钮变成一个块级元素按钮。
切换选择按钮