Difference between revisions of "Tooltips"
From Tweeki
(Created page with "Category:Components To use Bootstrap's [http://getbootstrap.com/javascript/#tooltips tooltips] you need to set <code>$wgTweekiSkinUseTooltips</code> to <code>true</code>...") |
|||
| Line 8: | Line 8: | ||
| | | | ||
<pre> | <pre> | ||
| − | <btn data-toggle=" | + | <btn data-toggle="tooltip" title="tooltip"> |
| + | Tooltip Button | ||
| + | </btn> | ||
</pre> | </pre> | ||
| | | | ||
| − | <btn data-toggle=" | + | <btn data-toggle="tooltip" title="tooltip">Tooltip Button</btn> |
| + | |- | ||
| + | | | ||
| + | <pre> | ||
| + | <span data-toggle="tooltip" title="tooltip"> | ||
| + | Tooltip Span | ||
| + | </span> | ||
| + | </pre> | ||
| + | | | ||
| + | <span data-toggle="tooltip" title="tooltip">Tooltip Span</span> | ||
|} | |} | ||
Revision as of 14:51, 8 November 2016
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="tooltip"> Tooltip Button </btn> |
|
<span data-toggle="tooltip" title="tooltip"> Tooltip Span </span> |
Tooltip Span |