Tooltip
Tooltips for additional information
Basic Usage
Hover me (Top)
Tooltip text top
HTML
<div class="bl-tooltip bl-tooltip-top">
<span class="bl-tooltip-trigger">Hover me</span>
<div class="bl-tooltip-content">
Tooltip text
</div>
</div>Positions
Top
Tooltip top
Bottom
Tooltip bottom
Left
Tooltip left
Right
Tooltip right
HTML
<div class="bl-tooltip bl-tooltip-top">
<span class="bl-tooltip-trigger">Top</span>
<div class="bl-tooltip-content">Tooltip top</div>
</div>
<div class="bl-tooltip bl-tooltip-bottom">
<span class="bl-tooltip-trigger">Bottom</span>
<div class="bl-tooltip-content">Tooltip bottom</div>
</div>
<div class="bl-tooltip bl-tooltip-left">
<span class="bl-tooltip-trigger">Left</span>
<div class="bl-tooltip-content">Tooltip left</div>
</div>
<div class="bl-tooltip bl-tooltip-right">
<span class="bl-tooltip-trigger">Right</span>
<div class="bl-tooltip-content">Tooltip right</div>
</div>