Bootstrap - Tooltip

We have styled all Bootstrap elements just as you want!

Basic Tooltip

Hover over the buttons below to see tooltips. Four options are available: top, right, bottom, and left aligned.

Click Trigger

Use the focus trigger to dismiss tooltips on the next click that the user makes.

Dynamic Content

tooltip content can contain any html template. Just create <template #myId> with any html allowed by Angular, and provide template ref (#myId) as tooltip content.