Edit in JSFiddle

<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>