Bootstrap Alert Beispiel

Ein Alert ist ein visuelles Element, das dem Benutzer eine Nachricht anzeigt. Hier ist ein Beispiel für einen Alert in Bootstrap 5.

In diesem Beispiel wird ein div-Element verwendet, um den Alert darzustellen. Das erste class-Attribut "alert" gibt an, dass es sich um einen Alert handelt. Das zweite class-Attribut "alert-danger" gibt die Farbe des Alerts an. In diesem Fall ist es rot, was anzeigt, dass es eine wichtige Nachricht ist. Das role-Attribut "alert" gibt an, dass es sich um eine Benachrichtigung handelt, die dem Benutzer wichtige Informationen gibt. Der Text innerhalb des div-Elements ist der Text, der im Alert angezeigt wird.

In Bootstrap 5 gibt es mehrere Optionen für das class-Attribut "alert", um die Farbe des Alerts anzupassen:

1. alert-primary: für einen blauen Alert
2. alert-secondary: für einen grauen Alert
3. alert-success: für einen grünen Alert
4. alert-danger: für einen roten Alert
5. alert-warning: für einen gelben Alert
6. alert-info: für einen hellblauen Alert
7. alert-light: für einen hellen Alert mit einem grauen Hintergrund
8. alert-dark: für einen dunklen Alert mit einem schwarzen Hintergrund

Du kannst auch mehrere Klassen kombinieren, um die Größe, Schriftart oder andere Eigenschaften des Alerts anzupassen.

<div class="alert alert-danger" role="alert">
  Dies ist ein Beispiel für einen Alert in Bootstrap 5.
</div>