/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 vote276 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
1 vote330 views1 answer
Bootstrap modal title center
Javascript Bootstrap
0 vote329 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote332 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
18 votes386 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote343 views1 answer
React bootstrap profile card
Javascript Bootstrap
0 vote351 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
0 vote339 views1 answer
Bootstrap programmatically change tab
Javascript Bootstrap
0 vote325 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
1 vote343 views1 answer
Change order columns bootstrap
CSS Bootstrap