<div class="container"> <nav class="navbar fixed-top navbar-inverse bg-primary"> <h1 class="navbar-brand mb-0">Bootstrap 4 - Alertas</h1> </nav> <br/> <br/> <br/> <div class="alert alert-success" role="alert"> Alerta de <strong>éxito</strong>. </div> <div class="alert alert-info" role="alert"> Alerta de <strong>información</strong>. </div> <div class="alert alert-warning" role="alert"> Alerta de <strong>advertencia</strong>. </div> <div class="alert alert-danger" role="alert"> Alerta de <strong>error</strong>. </div> <div class="alert alert-success" role="alert"> Alerta de éxito y enlace <a href="#" class="alert-link">click aquí</a>. </div> <div class="alert alert-info" role="alert"> <h4 class="alert-heading">Alerta y contenido adicional</h4> <p>Escribir parrafo aquí.</p> </div> </div>