web-dev-qa-db-fra.com

Alerte Bootstrap CSS bg-success ne fonctionne pas

Pour une raison quelconque, la classe bg-danger dans Bootstrap 3 n’affiche pas d’arrière-plan rouge. Pourquoi?

<p class="bg-danger">There was an error updating your details.</p>
htmlcsstwitter-bootstraptwitter-bootstrap-3
20
chuckfinley

Dans Bootstrap, vous avez les arrière-plans prédéfinis suivants:

Bootstrap 3.1.0:

<div class="bg-primary">...</div>
<div class="bg-success">...</div>
<div class="bg-info">...</div>
<div class="bg-warning">...</div>
<div class="bg-danger">...</div>

Bootstrap 3.0.3:

<div class="alert alert-success">...</div>
<div class="alert alert-info">...</div>
<div class="alert alert-warning">...</div>
<div class="alert alert-danger">...</div>

Composants d'amorçage

Voir tous les composants Bootstrap ici

65
martynas

Les arrière-plans contextuels bg-primary, bg-success, bg-info, bg-warning et bg-danger ont été ajoutés à Bootstrap à partir de la version 3.1.0 et n'étaient pas présents dans les versions 3.0.3 et antérieures.

Il y a cependant eu alerts avec les quatre classes contextuelles alert-success, alert-info, alert-warning et alert-danger qui conviennent à ce type de message d'erreur.

<p class="alert alert-danger">There was an error updating your details.</p>

Voir également le composant Alertes de démarrage: http://getbootstrap.com/components/#alerts

16
Aleksander Bavdaz

Je viens de passer toute la journée à essayer de comprendre pourquoi alert-error ne fonctionnait pas, mais je me suis rendu compte que ce n'était pas une alerte-erreur, mais un alerte - danger . Laissons ceci ici au cas où quelqu'un d'autre se torturerait pendant des heures en essayant de comprendre ce qui n'allait pas avec leur alerte Bootstrap 3.

0
felwithe