Coding Tooltips

A Tooltip is a marker that will appear over a link when you hover over it in the browser. They are pretty easy to add with data attributes in Bootstrap, but we do need to make some updates to get them working. In Bootstrap 4 they have started using a third-party JavaScript library for Tooltips called Tether. Before we go any further, head over to the Tether website below and download the library:

http://github.hubspot.com/tether/

Once you've downloaded the library, unzip it and open the main directory where you'll see a number of files. Navigate to the /dist/js directory and find the file named tether.min.js:

Now copy tether.min.js into the /js directory of our blog project. This is the only file you need from Tether's directory, ...

Get Bootstrap 4 – Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.