Tooltips

<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top"
                              data-bs-title="Tooltip on top">
                            Tooltip on top
                            </button>
                            <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right"
                              data-bs-title="Tooltip on right">
                            Tooltip on right
                            </button>
                            <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on bottom">
                            Tooltip on bottom
                            </button>
                            <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left"
                              data-bs-title="Tooltip on left">
                            Tooltip on left
                            </button>
                            <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-html="true"
                              data-bs-title="<em>Tooltip</em> <u>with</u>
                                <b>HTML</b>">Tooltip with HTML</button>

<button type="button" class="btn btn-secondary"
                              data-bs-toggle="tooltip" data-bs-placement="top"
                              data-bs-custom-class="custom-tooltip"
                              data-bs-title="This top tooltip is themed via CSS variables.">
                            Custom tooltip
                            </button>