.svg image/svg+xml
.woff application/x-font-woff
.woff2 application/x-font-woff
类 | 描述 | 实例 |
---|---|---|
btn-info2 | ![]()
|
|
btn-purple | ![]()
|
|
|
![]()
|
|
btn-light | ![]()
|
|
btn-yellow | ![]()
|
|
btn-grey | ![]()
|
|
btn-white | btn-bold btn-round btn-transparent no-border btn-white | |
grey | hhh灰色uiu | |
.btn | 为按钮添加基本样式 |
|
.btn-default | 默认/标准按钮 | |
.btn-primary | 原始按钮样式(未被操作) | |
.btn-success | 表示成功的动作 | |
.btn-info | 该样式可用于要弹出信息的按钮 | |
.btn-warning | 表示需要谨慎操作的按钮 | |
.btn-danger | 表示一个危险动作的按钮操作 | |
.btn-link | 让按钮看起来像个链接 (仍然保留按钮行为) | |
btn-xlg | ||
.btn-lg | 制作一个大按钮 | |
.btn-sm | 制作一个小按钮 | |
.btn-xs | 制作一个超小按钮 | |
btn-mini | ||
btn-minier | ||
.btn-block | 块级按钮(拉伸至父元素100%的宽度) | |
.active | 按钮被点击 | |
.disabled | 禁用按钮 |
按钮disabled 属性可制作一个禁用的按钮: .disabled 类使得链接不可用: 禁用的信息链接 |
no-hover | ||
no-border | ||
icon-on-right | ||
icon-only | ||
.btn-lg 这会让按钮看起来比较大 .btn-sm这会让按钮看起来比较小 .btn-xs这会让按钮看起来特别小 .btn-block这会创建块级的按钮,会横跨父元素的全部宽度 |