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

Question

我在html代码中使用了bootstrap徽章，我使用了这段代码：

{{1}}

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

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/

Bootstrap 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的类。