/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 vote285 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
0 vote270 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
18 votes322 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote295 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote314 views2 answers
React-bootstrap sidebar menu
Javascript Bootstrap
0 vote293 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
0 vote307 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote301 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote310 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
61 votes324 views2 answers
Bootstrap flex direction column
CSS Bootstrap