Bootstrap prevede una serie di classi specifiche per inserire messaggi di alert all'interno delle pagine, che si basano sulla classe alert, a cui poi vanno aggiunti gli stili specifici:
- alert-success: per indicare che l'alert è di conferma
- alert-info: per aggiungere un alert informativo
- alert-warning: per aggiungere un alert con un avviso
- alert-danger: per aggiungere un alert con un errore
Inoltre, aggiungendo la classe alert-dismissible, si può rendere eliminabile l'alert dall'utente:
<div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Chiudi"> <span aria-hidden="true">×</span> </button> <strong>Attenzione!</strong> Si è verificato un errore. </div>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Gestire undefined e partial nelle reactive forms di Angular
Utilizzare il trigger SQL con le Azure Function
Eseguire attività pianificate con Azure Container Jobs
Utilizzare la session affinity con Azure Container Apps
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Generare token per autenicarsi sulle API di GitHub
Eseguire attività basate su eventi con Azure Container Jobs
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Miglioramenti nelle performance di Angular 16
Gestire i null nelle reactive form tipizzate di Angular
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser