按钮
| 按钮 | 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 |
其他按钮样式
圆角按钮
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类可以使得按钮变成一个块级元素按钮。