/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

2 votes191 views1 answer
Large input box bootstrap 4
CSS Bootstrap
3 votes185 views1 answer
React bootstrap card
Javascript Bootstrap
2 votes170 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
2 votes178 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
0 vote192 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
0 vote194 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote197 views1 answer
Bootstrap popover style width
CSS Bootstrap
92 votes307 views5 answers
Bootstrap primary color code
CSS Bootstrap
5 votes187 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote235 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap