/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 vote222 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote199 views1 answer
Bootstrap format json
Javascript Bootstrap
26 votes243 views10 answers
Bootstrap
CSS Bootstrap
0 vote184 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
0 vote205 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
64 votes321 views4 answers
Bootstrap buttons
CSS Bootstrap
0 vote211 views1 answer
React bootstrap profile card
Javascript Bootstrap
1 vote189 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
8 votes214 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote215 views1 answer
Bootstrap popover style width
CSS Bootstrap