为什么引导程序徽章始终是默认颜色

Question

我在 html 代码中使用引导徽章，我使用以下代码：

<label for="collaborativa_utenti_pollo"><span class="badge badge-warning">pollo</span><br></label>

徽章必须以红色显示，但它以默认颜色显示我。有人可以帮助我吗？

Answer 1

Bootstrap v4：

对于红色徽章，请使用badge-danger

<label for="collaborativa_utenti_pollo"><span class="badge badge-danger">pollo</span><br></label>

JSFiddle - https://jsfiddle.net/mearaf9r/

引导程序 v3

检查这里 - https://jsfiddle.net/pf66jvfr/

您必须使用progress-bar-danger来为徽章着色。

<label for="collaborativa_utenti_pollo"><span class="badge progress-bar-danger">pollo</span><br></label>

Answer 2

使用以下代码制作具有引导警告背景的徽章：

<span class="badge bg-danger">pollo</span>

bg-danger类可用于设置危险背景颜色。在 bootstrap 的文档中，没有提到 badge-danger 的类。