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)
