May 04, 2021 Foundation5
The prompt box appears when the mouse moves over the element:
We can add the
data-tooltip
any element to create a hint. U
se the
title
property to set the text of the prompt message.
Note: The slider requires JavaScript. So you need to initialize the development JS:
.has-tip
class can move with a bold mouse:
By default, the prompt box appears at the bottom of the element.
You
.tip-top
.tip-left
.tip-right
or
.tip-bottom
(default) to set the location of the prompt box.
Note: On a small screen, the prompt box has 100% broadband.
.radius
and
.round
are used to set the fillet prompt box: