2017-03-16 1 views
3

J'utilise le badge d'amorçage dans mon code html et j'utiliser ce code:Pourquoi le badge bootstrap est-il toujours la couleur par défaut?

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

Le badge doit être spectacle avec la couleur rouge, mais il me semble avec la couleur par défaut. Est-ce que quelqu'un peut m'aider?

Répondre

14

Bootstrap v4:

Pour badge couleur rouge, utilisez badge-danger

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

jsFiddle - https://jsfiddle.net/mearaf9r/

Bootstrap v3

Vérifiez ici - https://jsfiddle.net/pf66jvfr/Vous devez utiliser progress-bar-danger pour colorier le badge.

<label for="collaborativa_utenti_pollo"><span class="badge progress-bar-danger">pollo</span><br></label> 
+0

... mais n'aurait-il pas vu de l'orange de toute façon? Pas "par défaut". Qui sait. – mayersdesign

+0

@mayersdesign Je suis d'accord. Je ne sais pas ce que OP veut dire par "défaut". Mais si son but est rouge, c'est la voie à suivre. – sparta93

+0

Il ne fonctionne pas dans mon code :(.Je lis le jsfidlle et je copie le code, mais cela ne fonctionne pas – Picco

0

Utilisez le code suivant pour faire un badge avec un fond d'avertissement bootstrap:

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

bg-danger classe peut être utilisée pour définir danger la couleur de fond. Dans la documentation de bootstrap, aucune classe n'est mentionnée comme badge-danger.

+0

OP veut rouge, pas orange – sparta93

+0

Réponse éditée, merci – Imran

+0

Ça ne marche pas dans ma morue e! – Picco