I'm building a page that let you copy text from pre-filled input fields, I'm using Clipboradjs for this, and I'm using bootstrap for styling.

To add a tooltip to confirm the user they've got the text on their clipboard I followed this reply from ClipboardJS founder:

Tooltips + Highlight Animation With Clipboard.js Click

And that worked.

Then I decided to use Bootstrap 5 while this solution uses Bootstrap 3 which supports Jquery. I did not work with the new Bootstrap and Jquery versions, I can't figure out why.

And if I could obtain a way better than a tooltip to say that the text has been copied, it could be even better! (a green disappearing message besides the copy button for example).