2017-03-16 87 views
3

我用bootstrap徽章在我的HTML代碼,我用這個代碼:爲什麼引導徽章總是默認顏色?

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

徽章必須顯示爲紅色,但似乎我的默認顏色。任何人都可以幫助我?

回答

14

引導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> 
+0

...但他不會看到橙色嗎?不是「默認」。誰知道。 – mayersdesign

+0

@mayersdesign我同意。不確定OP的意思是「默認」。但是,如果他的目標是紅色,這是要走的路。 – sparta93

+0

它不工作在我的代碼:(我閱讀jsfidlle和我複製代碼,但它不起作用 – Picco

0

使用下面的代碼,以使徽章與引導警告背景:

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

bg-danger類可用於設置危險的背景色。在bootstrap的文檔中沒有提到badge-danger

+0

OP想要紅色,而不是橙色 – sparta93

+0

編輯,謝謝 – Imran

+0

它不工作在我的鱈魚e! – Picco