Toasts

Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.

Example

<div class="toast bg-info" role="alert" aria-live="assertive" aria-atomic="true">
  <div class="toast-header text-white">
    <img src="../../../assets/img/tim.png" class="rounded mr-2" alt="...">
    <strong class="mr-auto">Creative Tim</strong>
    <small class="text-white">Just now</small>
    <button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
  <div class="toast-body text-white">
    See? Just like this.
  </div>
</div>