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

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>