为什么 bootstrap 徽章总是默认颜色？

Question

我在我的 html 代码中使用了 bootstrap 徽章并且我使用了这个代码：

<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/

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

使用以下代码制作带有 bootstrap 警告背景的徽章：

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

bg-danger class可以用来设置danger的背景色。在 bootstrap 的文档中没有 class 被提及为 badge-danger。