按钮

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

切换选择按钮

单个按钮
多选
单选

按钮组

默认

圆角

两端对齐的
垂直的

嵌套的
大小尺寸







工具栏