<button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ابزارک اطلاعاتی در بالا">
                                                                    ابزارک اطلاعاتی در بالا
                                                                </button>
                                                                <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="ابزارک اطلاعاتی در سمت راست">
                                                                    ابزارک اطلاعاتی در سمت راست
                                                                </button>
                                                                <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="ابزارک اطلاعاتی در پایین">
                                                                    ابزارک اطلاعاتی در پایین
                                                                </button>
                                                                <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="ابزارک اطلاعاتی در سمت چپ">
                                                                    ابزارک اطلاعاتی در سمت چپ
                                                                </button>
                                                            
                                                        

                                                            
                                                                <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="primary-tooltip" data-bs-title="این ابزارک اطلاعاتی در بالا با استفاده از متغیرهای CSS طراحی شده است.">
                                                                    ابزارک اطلاعاتی اصلی
                                                                </button>
                                                                <button type="button" class="btn btn-danger" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="danger-tooltip" data-bs-title="این ابزارک اطلاعاتی در بالا با استفاده از متغیرهای CSS طراحی شده است.">
                                                                    ابزارک اطلاعاتی خطرناک
                                                                </button>
                                                                <button type="button" class="btn btn-info" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="info-tooltip" data-bs-title="این ابزارک اطلاعاتی در بالا با استفاده از متغیرهای CSS طراحی شده است.">
                                                                    ابزارک اطلاعاتی اطلاعاتی
                                                                </button>
                                                                <button type="button" class="btn btn-success" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="success-tooltip" data-bs-title="این ابزارک اطلاعاتی در بالا با استفاده از متغیرهای CSS طراحی شده است.">
                                                                    ابزارک اطلاعاتی موفقیت
                                                                </button>