<button type="button" class="btn btn-secondary" data-tooltip="tooltip" data-placement="top" title="Tooltip on top">
        Tooltip
    </button>
                                        
                                    

                                        
    <!-- Tooltip with HTML -->
    <button type="button" class="btn btn-brand" data-tooltip="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
        Tooltip with HTML
    </button>

    <!-- Animation -->
    <button type="button" class="btn btn-dark" data-tooltip="tooltip" data-animation="true" data-placement="top" title="Tooltip on top">
        Animation
    </button>

    <!-- Delay -->
    <button type="button" class="btn btn-danger" data-tooltip="tooltip" data-delay='{"show":"500", "hide":"3000"}' data-placement="top" title="Tooltip on top">
        Delay
    </button>

    <!-- Offset -->
    <button type="button" class="btn btn-success" data-tooltip="tooltip" data-offset="10%" data-placement="top" title="Tooltip on top">
        Offset
    </button>