Toast html

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

<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
  <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
    <div class="toast-header">
      <img src="..." 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>

Source: getbootstrap.com

Similar codes

0 vote274 views3 answers
A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01
Html
-1 vote125 views1 answer
Let's encrypt ssl not working
Html
3 votes127 views2 answers
Tr tag
Html
17 votes148 views2 answers
Html new target
Html
1 vote124 views1 answer
Html required checkbox
Html
0 vote135 views1 answer
Hide table column using JavaScript
Html
0 vote155 views1 answer
Remove extra whitespace in pre html
Html
0 vote172 views1 answer
Kodingan mencatumkan keterangan gambar header html
Html
3 votes123 views3 answers
Html input only letters
Html
1 vote126 views1 answer
Anchor tag for the same page
Html