Tooltip on top
Copy
<a class="btn btn-primary" href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Hi, I am a top tooltip!">Tooltip on top</a>Tooltip on right
Copy
<a class="btn btn-success ms-auto" href="#" data-bs-toggle="tooltip" data-bs-placement="right" title="Hi, I am a right tooltip!">Tooltip on right</a>Tooltip on bottom
Copy
<a class="btn btn-info" href="#" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Hi, I am a bottom tooltip!">Tooltip on bottom</a>Tooltip on left
Copy
<a class="btn btn-danger" href="#" data-bs-toggle="tooltip" data-bs-placement="left" title="Hi, I am a left tooltip!">Tooltip on left</a>Tooltip on HTML
Copy
<button class="btn btn-warning" type="button" data-bs-toggle="tooltip" data-bs-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">Tooltip with HTML</button>