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

98 votes212 views6 answers
How to hide scrollbar html
Html
0 vote242 views1 answer
Link node module in html
Html
1 vote234 views1 answer
How to make a button not reload on click
Html
0 vote218 views1 answer
1x1 transparent image base 64
Html
0 vote189 views1 answer
How to add a border under div bootstrap
Html
0 vote169 views1 answer
Robots txt no index entire site
Html
131 votes205 views4 answers
How to make html open link in new tab
Html
5 votes224 views2 answers
Div table bootstrap 4
Html
1 vote214 views1 answer
Empty link javascript
Html
0 vote205 views1 answer
Html select default message
Html