toast html

Solutions on MaxInterview for toast html by the best coders in the world

showing results for - "toast html"
Isabelle
24 Jan 2018
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
similar questions
queries leading to this page
toast html