Tooltips
Documentation and examples for adding ZiON-v6.1.0 tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.
Tooltips on BootstrapExample
<button class="btn btn-secondary btn-sm m-1" type="button" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</button>
<button class="btn btn-secondary btn-sm m-1" type="button" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
<button class="btn btn-secondary btn-sm m-1" type="button" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
Tooltip on bottom
</button>
<button class="btn btn-secondary btn-sm m-1" type="button" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
Tooltip on left
</button>
<button class="btn btn-secondary btn-sm m-1" type="button" data-toggle="tooltip" data-placement="top" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>" data-html="true">
Tooltip with HTML
</button>
+(123) 456 78910
Have a question? call us now
help@medicare.com
Need support? Drop us an email
Mon – Sat 07:00 – 21:00
We are open on
brigham and women's hospital
75 francis street, boston ma 02115
General information: 671-732-5500
New Patients: 800-294-9999