zurb-foundation-5
Version:
Foundation 5 for npm (no code modification from original repo)
3 lines (2 loc) • 889 B
HTML
<a name="tooltips"></a>
<p>The tooltips can be positioned on the <span data-tooltip aria-haspopup="true" class="has-tip" data-width="210" title="I'm on bottom and the default position.">"tip-bottom"</span>, which is the default position, <span data-tooltip aria-haspopup="true" class="has-tip tip-top noradius" data-width="210" title="I'm on the top and I'm not rounded!">"tip-top" (hehe)</span>, <span data-tooltip aria-haspopup="true"="left" class="has-tip tip-left" data-width="90" title="I'm on the left!">"tip-left"</span>, or <span data-tooltip aria-haspopup="true"="right" class="has-tip tip-right" data-width="120" title="I'm on the right!">"tip-right"</span> of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. <strong>On a small device, the tooltips are full-width and bottom aligned.</strong></p>