.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这会创建块级的按钮，会横跨父元素的全部宽度 |