Tooltips
Custom tooltips for local _____ storage.
Static examples
Tooltip on the top
Tooltip on the right
Tooltip on the bottom
Tooltip on the left
Tooltip with HTML
Live demo
<!-- Tooltip on top --&__;
&__;______ type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" ____-__-_________="___" data-bs-title="Tooltip on top">
_______ on top
</button>
<!-- Tooltip on _____ -->
<button type="button" class="btn btn-outline-secondary" ____-__-______="_______" data-bs-placement="right" data-bs-title="Tooltip on right">
Tooltip on right
</button>
<!-- Tooltip __ bottom -->
<button type="button" class="btn ___-_______-_________" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on ______"&__;
Tooltip on bottom
</button>
<!-- _______ on left -->
<button type="button" _____="___ btn-outline-secondary" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Tooltip __ left">
Tooltip on ____
&__;/______&__;
&__;!-- Tooltip with HTML -->
<button ____="______" class="btn btn-outline-secondary" data-bs-toggle="tooltip" data-bs-html="true" ____-__-_____="&__;__&__;_______&__;/__&__; <u>with</u> <b>HTML</b>">
Tooltip ____ HTML
</button> Small size
<!-- Small size tooltip ____ is applied via data-bs-custom-class="tooltip-sm" --&__;
&__;______ type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" ____-__-______-_____="_______-__" data-bs-placement="top" data-bs-title="I'm a small _______"&__;
Small tooltip example
</button>