[SOLVED] Bootstrap Toast

Anyone have any luck using Bootstrap toast?
I'm trying to create a toast on a list page and getting nowhere.

From the example in https://www.w3schools.com/bootstrap4/bootstrap_toast.asp I do the following and try to put the initialization code in JOL event but still no go.
Any help appreciated.

<div class="toast" data-autohide="false">
<div class="toast-header">
<strong class="mr-auto text-primary">Toast Header</strong>
<small class="text-muted">5 mins ago</small>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">×</button>
</div>
<div class="toast-body">
Some text inside the toast body
</div>
</div>