<div class="toast" data-autohide="false">
  <div class="toast-header">
    <i class="far fa-bell text-muted me-2"></i>
    <strong class="me-auto">Bootstrap</strong>
    <small>11 mins ago</small>
    <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
  </div>
  <div class="toast-body">
    Hello, world! This is a toast message.
  </div>
</div>

<script>
  $('.toast').toast('show');
</script>