徽章

徽章渐变

复制 
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“第 12 号栏”>
        <跨度 类=“徽章背景梯度-主”>主要
        <跨度 类=“徽章背景梯度二级”>中学
        <跨度 类=“徽章背景梯度成功”>成功
        <跨度 类=“徽章 bg-梯度-危险”>危险
        <跨度 类=“徽章背景梯度警告”>警告
        <跨度 类=“徽章背景梯度信息”>信息
        <跨度 类=“徽章背景-渐变-浅色文本-深色”>光
        <跨度 类=“徽章背景-渐变-暗”>黑暗

徽章简单

复制 
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“第 12 号栏”>
        <跨度 类=“徽章 bg-primary”>主要
        <跨度 类=“徽章背景-中学”>中学
        <跨度 类=“徽章背景-成功”>成功
        <跨度 类=“徽章 bg-危险”>危险
        <跨度 类=“徽章背景警告”>警告
        <跨度 类=“徽章背景信息”>信息
        <跨度 类=“徽章背景-浅色文本-深色”>光
        <跨度 类=“徽章背景-黑暗”>黑暗

徽章简单圆形

复制 
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“第 12 号栏”>
        <跨度 类=“徽章圆形药丸 bg-primary”>主要
        <跨度 类=“徽章圆形药丸 BG-中学”>中学
        <跨度 类=“徽章圆形药丸 bg-成功”>成功
        <跨度 类=“徽章圆形药丸 bg-危险”>危险
        <跨度 类=“徽章圆形药丸背景警告”>警告
        <跨度 类=“徽章圆形药丸 bg-info”>信息
        <跨度 类=“徽章圆形药丸背景浅色文本深色”>光
        <跨度 类=“徽章圆形药丸 bg-暗”>黑暗