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
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Gestire i null nelle reactive form tipizzate di Angular
Utilizzare il trigger SQL con le Azure Function
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Load test di ASP.NET Core con k6
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Aggiungere interattività lato server in Blazor 8
Routing statico e PreRendering in una Blazor Web App
Gestire liste di tipi semplici con Entity Framework Core
Verificare la provenienza di un commit tramite le GitHub Actions
Disabilitare automaticamente un workflow di GitHub
Semplificare il deployment di siti statici con Azure Static Web App