Tooltips: Difference between revisions
From Tweeki
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
| | | | ||
<pre> | <pre> | ||
<btn data-toggle="tooltip" title="tooltip"> | <btn data-toggle="tooltip" title="this is my tooltip"> | ||
Tooltip Button | Tooltip Button | ||
</btn> | </btn> | ||
</pre> | </pre> | ||
| | | | ||
<btn data-toggle="tooltip" title="tooltip">Tooltip Button</btn> | <btn data-toggle="tooltip" title="this is my tooltip">Tooltip Button</btn> | ||
|- | |- | ||
| | | | ||
<pre> | <pre> | ||
<span data-toggle="tooltip" title="tooltip"> | <span data-toggle="tooltip" title="this is my tooltip"> | ||
Tooltip Span | Tooltip Span | ||
</span> | </span> | ||
</pre> | </pre> | ||
| | | | ||
<span data-toggle="tooltip" title="tooltip">Tooltip Span</span> | <span data-toggle="tooltip" title="this is my tooltip">Tooltip Span</span> | ||
|} | |} | ||
Latest revision as of 15:22, 18 February 2019
To use Bootstrap's tooltips you need to set $wgTweekiSkinUseTooltips to true and use the data-toggle="tooltip" attribute:
| Markup | Result |
|---|---|
<btn data-toggle="tooltip" title="this is my tooltip"> Tooltip Button </btn> |
|
<span data-toggle="tooltip" title="this is my tooltip"> Tooltip Span </span> |
Tooltip Span |