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

Question

我用bootstrap徽章在我的HTML代码，我用这个代码：

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

徽章必须显示为红色，但似乎我的默认颜色。任何人都可以帮助我？

Answer 1

引导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。