组件

工具提示

随处启用工具提示，无需 JavaScript。

Tooltip on a link

Tooltip on inline element

查看源码

<p>Tooltip on a <a href="#" data-tooltip="Tooltip">link</a></p>
<p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p>
<p><button data-tooltip="Tooltip">Tooltip on a button</button></p>

位置

工具提示默认显示在上方，但你可以通过 data-placement 属性改变位置。

查看源码

<button data-tooltip="Top">Top</button>
<button data-tooltip="Right" data-placement="right">Right</button>
<button data-tooltip="Bottom" data-placement="bottom">Bottom</button>
<button data-tooltip="Left" data-placement="left">Left</button>