BUTTONS 基础

.btn .btn-*

SHADOW 阴影

.btn-shadow

HOVER SHINE 闪光特效

.btn-hover-shine

OUTLINE 轮廓

.btn-outline-*

ACTIVE 选中

.active

DISABLED 禁用

.disabled

BLOCK LEVEL 块状等级

.btn-block .btn-sm .btn-xs .btn-lg

FLAT 方形

.btn-flat

ICONS BUTTONS 图标按钮

.bi .bi-list .btn-icon

PILL 圆形

.btn-pill

WIDE 加宽

.btn-wide

SIZING 尺寸

.btn-sm .btn-lg

OUTLINE ICONS BUTTONS 图标按钮

.bi .bi-list .btn-icon

PILL ICONS BUTTONS 圆形图标按钮

.btn-pill

App Button

.btn.btn-icon-vertical

Edit Play Pause Save 3 Notifications 300 Products 891 Users 67 Orders 12 Inbox 531 Likes

背景色 .icon-gradient .bg-*

300 Products 891 Users 67 Orders 12 Inbox 531 Likes

ONLY ICON

.btn-pill

RIGHT ICONS 图标居右

.bi .bi-list .btn-icon

BUTTONS 基础

.btn .btn-*

SHADOW 阴影

.btn-shadow

HOVER SHINE 闪光特效

.btn-hover-shine

OUTLINE 轮廓

.btn-outline-*

ACTIVE 选中

.active

DISABLED 禁用

.disabled

BLOCK LEVEL 块状等级

.btn-block .btn-sm .btn-xs .btn-lg

FLAT 方形

.btn-flat

ICONS BUTTONS 图标按钮

.bi .bi-list .btn-icon

PILL 圆形

.btn-pill

WIDE 加宽

.btn-wide

SIZING 尺寸

.btn-sm .btn-lg

OUTLINE ICONS BUTTONS 图标按钮

.bi .bi-list .btn-icon

PILL ICONS BUTTONS 圆形图标按钮

.btn-pill

Icon Button 图标按钮

.btn.btn-icon-vertical

Edit Play Pause Save 3 Notifications 300 Products 891 Users 67 Orders 12 Inbox 531 Likes

渐变图标按钮 .icon-gradient .bg-*

300 Products 891 Users 67 Orders 12 Inbox 531 Likes

ONLY ICON

.btn-pill

RIGHT ICONS 图标居右

.bi .bi-list .btn-icon