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 vote271 views2 answers
Create node in javascript
Html
0 vote289 views1 answer
Javascript send ethereum
Html
2 votes273 views1 answer
How to contrast img in html
Html
0 vote241 views1 answer
Html cancel anchor event
Html
1 vote283 views4 answers
Ex
Html
14 votes242 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
4 votes262 views2 answers
History.back()
Html
0 vote244 views1 answer
Card
Html
0 vote257 views1 answer
Css menu Ankerpoints smooth scrolling
Html
0 vote261 views1 answer
How to send boolean with newselectList from cshtml in form C#
Html