Tooltips

These modular elements can be readily used and customized in every layout across pages.

Components
Accordion
Alerts
Backgrounds
Badges
Borders
Buttons
Cards
Carousel
Colors
Collapse
Countdown
Countup
Dropdowns
Fancybox
Fancyscroll
Fancytab
Filter
Forms
Googlemap
Grid
Hoverbox
Icons
Inline player
Lightbox
List group
Masonry
Modal
Navs
Navbar
Progressbar
Remodal
Scrollspy
Sizing
Spacing
Tables
Tabs
Tooltips
Typed text
Typography
Zanimation
Gridder
Hover dir
Flexslider
Php ajax form

For detail documentation, View Tooltips on Bootstrap

Example

<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-html="true" title="&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;">Tooltip with HTML</button>

Tooltips

Components

Example