<div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>Tootltip variation</h4>
                            </div>
                            <div class="card-body">
                                <button type="button" class="btn btn-primary mb-2" data-bs-toggle="tooltip"
                                    data-bs-placement="top" title="Tooltip on top">
                                    Tooltip on top
 