Modal dialogs, or pop-up windows, are very handy when you have important contect and want to be shown only when the user clicks on a button or link, like this:
Callouts - Prompts
Reveal Modals can be also nested or can contain media such as an embedded video, audio, image etc.!
Tooltips are a quick way to provide extended information on a term or action on a page.
Tooltips can be positioned on the “tip-bottom”, which is the default position, “tip-top”, “tip-left”, or “tip-right” of the target element by adding the appropriate class to them. On a small device, the tooltips are full-width and bottom aligned. Also, this tooltip will only show on large screens and this one is disabled for touch events.