按钮

按钮 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-labelbutton 元素中增加 label 元素。


指定按钮宽度

可使用 .btn-w-xs, .btn-w-sm, .btn-w-md, .btn-w-lg.btn-w-xl 类指定按钮宽度。


按钮大小

使用 .btn-lg, .btn-sm.btn-xs 类指定按钮的大小。

块级元素按钮

加上 .btn-block 类可以使得按钮变成一个块级元素按钮。

切换选择按钮

单个按钮
多选
单选

按钮组

默认

圆角

两端对齐的
垂直的

嵌套的
大小尺寸






下拉菜单按钮

单按钮下拉菜单
拆分按钮下拉菜单

向上弹出菜单按钮

大小尺寸