How it works…
In this recipe, we used the tether library to call our ToolTips. However, we did not set options or specify behavior via JavaScript. Instead, we used the HTML data-* attributes to position the ToolTips in all the buttons at different locations.
First, we used the data-toggle attribute and passed it the value of ToolTip. Second, we used the data-placement attribute to position our respective ToolTips with one of four values (depending on the button): top, right, bottom, and left. The HTML title attribute is used to display the ToolTip text.
So far, we have set all our ToolTips just as per the official Bootstrap documentation. Then, we added our own twist by changing the value of the Sass variables, as shown in step 6 of this ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access