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

8 votes241 views1 answer
What is the difference between .html and .htm files
Html
0 vote263 views1 answer
Mvc 5 required field validation not working
Html
55 votes258 views5 answers
Javascript limit input to 2 decimal places
Html
0 vote249 views1 answer
Display letter in html element letter by letter
Html
4 votes239 views1 answer
Enctype= multipart/form-data
Html
0 vote247 views2 answers
Html include html page
Html
0 vote261 views2 answers
Input limit file type html
Html
0 vote259 views1 answer
Boostrap base theme
Html
0 vote246 views1 answer
Vue paragraph not showing when class applied to it
Html
0 vote253 views1 answer
How to put < in html
Html