Tooltip
Default 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>