<button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button>

<div class="toast-container position-fixed bottom-0 end-0 p-3">
  <div id="liveToast" class="border toast" role="alert" aria-live="assertive" aria-atomic="true">
	<div class="toast-header">
	  <img src="assets/img/favicon.png" width="40" class="rounded me-2" alt="...">
	  <strong class="me-auto">Bootstrap</strong>
	  <small>11 mins ago</small>
	  <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
	</div>
	<div class="toast-body">
	  Hello, world! This is a toast message.
	</div>
  </div>
</div>