1<button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button>
2
3<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
4 <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
5 <div class="toast-header">
6 <img src="..." class="rounded me-2" alt="...">
7 <strong class="me-auto">Bootstrap</strong>
8 <small>11 mins ago</small>
9 <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
10 </div>
11 <div class="toast-body">
12 Hello, world! This is a toast message.
13 </div>
14 </div>
15</div>
16