webentwicklung-frage-antwort-db.com.de

Bootstrap-CSS-BG-Erfolgswarnung funktioniert nicht

Aus irgendeinem Grund zeigt die Klasse bg-danger in Bootstrap 3 keinen roten Hintergrund an. Warum?

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

In Bootstrap haben Sie die folgenden vordefinierten Hintergründe:

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>

Bootstrap-Komponenten

Alle Bootstrap-Komponenten hier anzeigen

65
martynas

Kontextbezogene Hintergründe bg-primary, bg-success, bg-info, bg-warning und bg-danger wurden ab Version 3.1.0 zu Bootstrap hinzugefügt und waren in Version 3.0.3 und zuvor nicht vorhanden.

Es gab jedoch alerts mit den vier Kontextklassen alert-success, alert-info, alert-warning und alert-danger, die für diese Art von Fehlermeldungen geeignet sind.

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

Siehe auch die Bootstrap-Warnmeldungskomponente: http://getbootstrap.com/components/#alerts

16

Ich verbrachte den ganzen Tag damit, herauszufinden, warum alert-error nicht funktioniert hat, nur um festzustellen, dass es sich nicht um einen Warnungsfehler handelt, sondern um eine Warnung - Gefahr . Lassen Sie dies hier, falls sich jemand anderes stundenlang quält, um herauszufinden, was mit der Bootstrap 3-Warnung falsch ist.

0
felwithe