استفاده عمومی از HTML (راهنمایی بوت استرپ)

<button class="button" data-toggle="tooltip" data-placement="top" title="راهنمایی در بالای صفحه">راهنمایی در بالای صفحه</button>

فعال سازی Js

$('[data-toggle="tooltip"]').tooltip();

برای اطلاعات بیشتر لطفا به دنبال مستندات رسمی

استفاده عمومی از HTML (ابزارک بوت استرپ)

<button class="button" data-toggle="popover" data-container="body" data-placement="top" data-content="توضیحات مربوط به سایت شما لورم ایپسوم متن ساختگی با تولید سادگی">ابزارک سمت بالا</button>

فعال سازی Js

$('[data-toggle="popover"]').popover();

برای اطلاعات بیشتر لطفا به دنبال مستندات رسمی

استفاده عمومی از HTML (تایپیک)

<button class="button" data-tippy-placement="top" data-tippy-content="راهنمایی در بالای صفحه">راهنمایی در بالای صفحه</button>

فعال سازی Js

tippy('.tippy, [data-tippy-content], [data-tooltip]', {
    flipOnUpdate: true,
    boundary: 'window',
});

برای اطلاعات بیشتر لطفا به دنبال مستندات رسمی