In simple terms, the tooltip gives a short text description to whatever it is attached to when a user hovers over it. The tooltip is pop-up text in a box form that shows up when the user hovers the mouse pointer over an element.
Let's look at the example below:
In the code above, we apply the tooltip on a
data-placement="top"to position the tooltip for this. It displays at the top of the button. The user sees
title="Button tooltip"when they hover over the button.
Note: Try to play around with the code sample to get familiar with it.
View all Courses