/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

1 vote325 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote349 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
105 votes366 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
13 votes280 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote410 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote275 views1 answer
Angular bootstrap path
Javascript Bootstrap
0 vote284 views5 answers
Boostrap css
CSS Bootstrap
14 votes337 views4 answers
Text align left bootstrap
CSS Bootstrap
24 votes340 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
255 votes440 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap