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>