Tooltip
<button type="button" class="btn btn-secondary" title="Default tooltip" data-toggle="tooltip">
...
</button>
Tooltip Placement
<button type="button" class="btn btn-secondary" title="Default tooltip" data-toggle="tooltip" data-placement="top">
...
</button>
Attr |
Keys |
data-placement="*" |
top | right | bottom | left |
Tooltip HTML
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
...
</button>
Disabled Element
<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">
<button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>
...
</button>
</span>