【发布时间】：2017-08-07 20:47:56
【问题描述】：
我在我的 html 代码中使用 bootstrap 徽章，并使用以下代码：
<label for="collaborativa_utenti_pollo"><span class="badge badge-warning">pollo</span><br></label>
徽章必须以红色显示，但它以默认颜色显示。谁能帮帮我？
【问题讨论】：
标签： html twitter-bootstrap badge
【发布时间】：2017-08-07 20:47:56
【问题描述】：
引导 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>
【讨论】：
-
...但他不会看到橙色吗？不是“默认”。谁知道呢。
-
@mayersdesign 我同意。不确定“默认”是什么意思。但如果他的目标是红色的，这就是要走的路。
-
它在我的代码中不起作用:(。我阅读了 jsfidlle 并复制了代码，但它不起作用
-
@Picco 你能详细说明一下吗？你看到错误的颜色了吗？根本没有徽章？
-
@sparta93 我看到了默认徽章。进入此页面：w3schools.com/bootstrap/bootstrap_badges_labels.asp 如果在我的代码中我指定我想要一个警告（或危险）徽章，我也会看到灰色的默认徽章！
使用以下代码制作带有引导警告背景的徽章：
<span class="badge bg-danger">pollo</span>
bg-danger类可以用来设置危险的背景颜色。在 bootstrap 的文档中，没有提到 badge-danger 的类。
【讨论】：
-
OP 想要红色，而不是橙色