基于
Bootstrap Badge，可前往查看详细API
基础
你可以在
span.badge上添加.badge-*设置不同的状态
3
4
7
8
11
2
5
3
4
new
hot
11
2
5
尺寸
你可以在
span.badge上添加.badge--md设置使用中等尺寸
A
B
S
D
F
R
L
A
B
S
D
F
R
L
你可以在
span.badge上添加.badge--lg设置使用大尺寸
A
B
S
D
F
R
L
A
B
S
D
F
R
L
你可以在
span.badge上添加.badge--xl设置使用超大尺寸
A
B
S
D
F
R
L
A
B
S
D
F
R
L
淡色
你可以在
span.badge上添加.badge--unified-*设置淡色风格
A
S
D
F
R
L
A
S
D
F
R
L
更多风格
你可以在
span.badge上添加.badge--square设置使用方形
3
4
7
8
11
2
5
你可以在
span.badge上添加badge--dot设置使用圆点
你可以在
span.badge前添加文字
Brand
Primary
Info
Danger
Brand
Primary
Info
Danger
你可以在
span.badge上添加.badge--inline并输入文字
success
info
warning
danger
brand
dark
primary
你可以在
span.badge上添加.badge--rounded设置徽章使用胶囊效果
success
info
warning
danger
brand
dark
primary
边框
你可以在
span.badge上添加.badge--outline设置徽章使用边框效果
3
4
7
8
1
2
5
你可以在
span.badge上添加.badge--outline-2x设置徽章使用加粗边框效果
3
4
7
8
1
2
5
堆叠
你可以
div.badge.badge-pics放入多个a/span.badge-pic实现堆叠效果
