/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

14 votes407 views6 answers
Bootstrap image size
CSS Bootstrap
13 votes417 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote403 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
5 votes399 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
3 votes439 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
1 vote396 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote439 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
35 votes444 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
3 votes387 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote429 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap