programmieren:bootstrap:snippets:meldefenster
Dies ist eine alte Version des Dokuments!
Meldefenster
Meldungen z.B. über dem Menü anzeigen:
https://stackoverflow.com/questions/34279103/bootstrap-alert-on-top-of-navbar
Schließen eines Meldefensters mit Cookie merken:
https://www.codeply.com/p/azCmarhM9X/bootstrap-cookie-alert
https://stackoverflow.com/questions/31446298/alert-bootstrap-with-cookie
Nach einer gewissen Zeit von selbst schließen
https://stackoverflow.com/questions/52018956/auto-hide-alert-above-navbar-in-bootstrap
Nur Meldefenster
<div class="alert alert-danger alert-server" role="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Moving Servers</strong> You will experience some downtime as we move all of our files onto a new server. This move should be finished on 12/16. </div>
oder
<div class="fixed-bottom p-4"> <div class="toast bg-dark text-white w-100 mw-100" role="alert" data-autohide="false"> <div class="toast-body p-4 d-flex flex-column"> <h4>Cookie Warning</h4> <p> This website stores data such as cookies to enable site functionality including analytics and personalization. By using this website, you automatically accept that we use cookies. </p> <div class="ml-auto"> <button type="button" class="btn btn-outline-light mr-3" id="btnDeny"> Deny </button> <button type="button" class="btn btn-light" id="btnAccept"> Accept </button> </div> </div> </div> </div>
programmieren/bootstrap/snippets/meldefenster.1588231600.txt.gz · Zuletzt geändert: 30/04/2020 08:26 (Externe Bearbeitung)