按钮
按钮
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
创建一个加载按钮