Bootstrap4 按钮,本文介绍了Bootstrap4
支持的按钮类型,包括:不同样式按钮、边框按钮、不同大小的按钮、块状按钮、激活和禁用按钮。不同的按钮可以由不同的class
来区分。
不同样式按钮
Bootstrap 4 提供了不同样式的按钮:
输出结果如下:
按钮类可用于 <a>
, <button>
, 或 <input>
元素上:
输出结果如下:
边框按钮
为按钮设置边框:
输出结果如下:
不同大小的按钮
Bootstrap 4 可以设置按钮的大小:
输出结果如下:
块状按钮
通过添加 .btn-block
类可以设置块状按钮:
输出结果如下:
激活和禁用按钮
按钮可设置为激活或者禁止点击的状态。
.active
类可以设置按钮是可用的, disabled 属性可以设置按钮是不可点击的。
注意
<a>
元素不支持 disabled 属性,你可以通过添加.disabled
类来禁止链接的点击。