当先锋百科网

首页 1 2 3 4 5 6 7

badges

使用徽章,只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 <span> 元素上即可。 徽章可以根据父元素的大小的变化而变化。

<h1>测试标题 <span class="badge badge-secondary">New</span></h1>

可以通过 .badge-pill 类设置药丸形状徽章。

实际运用时也可以通过span等标签插入按钮中

<button type="button" class="btn btn-primary"> Messages <span class="badge badge-light">4</span></button>

另外各个颜色类型的徽章  主要 次要 成功 危险 警告 信息 浅色 深色

badge-primary主要badge-secondary次要badge-success成功badge-danger危险badge-warning警告badge-info信息<badge-light浅色badge-dark深色