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

-1 vote152 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
38 votes207 views6 answers
Html mailto
Html
0 vote216 views2 answers
Hide input field title show when it is filled
Html
0 vote193 views2 answers
<input type="password" placeholder="enter password" name="psw" required>
Html
2 votes207 views1 answer
Html color to rgb
Html
0 vote210 views1 answer
How to add quantity button in html
Html
4 votes198 views1 answer
Html autocomplete dropdown list
Html
0 vote193 views1 answer
Html table row_coloumn customization
Html
14 votes186 views5 answers
Pattern email validation
Html
9 votes187 views4 answers
Windows Vista
Html