Alerts

01 Fehler

<div class="alert alert-danger" role="alert"> <img src="/images/exit.svg" width="15" height="15" alt="exit Icon" /> <!-- wird durch iconFont ersetzt --> <h4>Fehlermeldung mit Layer</h4> <p>sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,</p> </div>

02 Erfolg

<div class="alert alert-success" role="alert"> <img src="/images/exit.svg" width="15" height="15" alt="exit Icon" /> <!-- wird durch iconFont ersetzt --> <h4>Fehlermeldung mit Layer</h4> <p>sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,</p> </div>

03 Warnung

<div class="alert alert-warning" role="alert"> <img src="/images/exit.svg" width="15" height="15" alt="exit Icon" /> <!-- wird durch iconFont ersetzt --> <h4>Fehlermeldung mit Layer</h4> <p>sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,</p> </div>

Alert Small

Alert title Additional notes taking place here
<div class="alert alert-success alert--is-small"> <strong> Alert title </strong> Additional notes taking place here </div>