按钮

Bootstrap包括几种预定义的按钮样式,每种样式都有自己的语义目的,还有一些附加功能用于更多控制。

彩色按钮

使用 .btn-tone 制作彩色风格

标签按钮

calss样式 .btn<button> 元素一起使用. 也可以用于<a> or <input> 元素 (不同的浏览渲染效果不同).

<a> 元素上使用按钮样式时,触发页面动作脚本 (比如折叠内容), 给这个链接加一个 role="button" 可以兼容老版本浏览器.

链接

按钮尺码

applies .btn-lg, .btn-sm and .btn-xs to resize the button

applies .btn-block to make button full width

按钮组

.btn-group中用.btn包装一系列按钮.

图标按钮

使用 btn-icon 创建一个图标按钮.

使用 btn-tone 创建双色调样式.

使用 .btn-rounded 创建圆形样式

使用 .btn-tone & .btn-rounded 创建原型双色调样式

加载按钮

使用.is-loading 创建一个加载按钮