/Javascript/Bootstrap/Bootstrap 5 toast display

Bootstrap 5 toast display

var element = document.getElementById("myToast");
	
		// Create toast instance
		var myToast = new bootstrap.Toast(element);

Bootstrap toast

<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
  <div class="toast-header">
    <img src="..." class="rounded mr-2" alt="...">
    <strong class="mr-auto">Bootstrap</strong>
    <small>11 mins ago</small>
    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
  <div class="toast-body">
    Hello, world! This is a toast message.
  </div>
</div>

-1

Source: getbootstrap.com

Similar codes

0 vote183 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote186 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
1 vote178 views1 answer
Bootstrap js link not working
Javascript Bootstrap
105 votes270 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
44 votes271 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote176 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
2 votes199 views2 answers
Bootstrap change color table striped
CSS Bootstrap
4 votes181 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
1 vote175 views1 answer
Change order columns bootstrap
CSS Bootstrap
0 vote235 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap