I'm trying to build a page with various buttons that copy text to the clipboard and then feedback to the user the value has been copied. Value is not from user input and the value for each button is static.

This is the closest example I've found to what I want (Tooltips + Highlight Animation With Clipboard.js Click) but I'm using the latest version of Bootstrap and I've found if I change the version of Bootstrap CSS or JS, or Clipboard then the example stops working.

My Javascript is knowledge is very ropey so if anyone can point out why it doesn't work with latest versions that would be great.