تولتیپ ها

هنگامی که ماوس را روی آن قرار دهید محتوای آن متحرک میشود.
پیشفرض بوت استرپ
<button class="btn btn-primary" type="button" data-bs-toggle="tooltip" data-bs-placement="top" title="تولتیپ در بالا">تولتیپ در بالا</button>

<button class="btn btn-primary" type="button" data-bs-toggle="tooltip" data-bs-placement="right" title="تولتیپ در راست">تولتیپ در راست</button>

<button class="btn btn-primary" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="تولتیپ در پایین">تولتیپ در پایین</button>

<button class="btn btn-primary" type="button" data-bs-toggle="tooltip" data-bs-placement="left" title="تولتیپ در چپ">تولتیپ در چپ</button>
button.btn.btn-primary(type='button', data-bs-toggle='tooltip', data-bs-placement='top', title='تولتیپ در بالا')
    | تولتیپ در بالا

button.btn.btn-primary(type='button', data-bs-toggle='tooltip', data-bs-placement='right', title='تولتیپ در راست')
    | تولتیپ در راست

button.btn.btn-primary(type='button', data-bs-toggle='tooltip', data-bs-placement='bottom', title='تولتیپ در پایین')
    | تولتیپ در پایین

button.btn.btn-primary(type='button', data-bs-toggle='tooltip', data-bs-placement='left', title='تولتیپ در چپ')
    | تولتیپ در چپ

وقتی ماوس روی المان قرار می گیرد، تولتیپ قابل مشاهده است.

به‌طور پیش‌فرض، استفاده از راهنمای ابزار از طریق ویژگی‌های داده به صورت سراسری در قالب SB Admin Pro فعال است. شما می توانید این پیش فرض را با فایل زیر js/scripts.js آنرا تغییر دهید.
پاپ آورهای پیش فرض بوت استرپ
پاپ آور در بالا
پاپ آور در راست
پاپ آور در پایین
پاپ آور در چپ
<a class="btn btn-primary" href="#!" tabindex="0" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="نمایش پاپ آور در بالا" title="عنوان پاپ آور">پاپ آور در بالا</a>

<a class="btn btn-primary" href="#!" tabindex="0" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="نمایش پاپ آور در راست" title="عنوان پاپ آور">پاپ آور در راست</a>

<a class="btn btn-primary" href="#!" tabindex="0" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="نمایش پاپ آور در پایین" title="عنوان پاپ آور">پاپ آور در پایین</a>

<a class="btn btn-primary" href="#!" tabindex="0" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="نمایش پاپ آور در چپ" title="عنوان پاپ آور">پاپ آور در چپ</a>
a.btn.btn-primary(href='#!', tabindex='0', title='عنوان پاپ آور', data-bs-container='body', data-bs-toggle='popover', data-bs-placement='top', data-bs-content='نمایش پاپ آور در بالا')
    | پاپ آور در بالا

a.btn.btn-primary(href='#!', tabindex='0', title='عنوان پاپ آور', data-bs-container='body', data-bs-toggle='popover', data-bs-placement='right', data-bs-content='نمایش پاپ آور در راست')
    | پاپ آور در راست

a.btn.btn-primary(href='#!', tabindex='0', title='عنوان پاپ آور', data-bs-container='body', data-bs-toggle='popover', data-bs-placement='bottom', data-bs-content='نمایش پاپ آور در پایین')
    | پاپ آور در پایین

a.btn.btn-primary(href='#!', tabindex='0', title='عنوان پاپ آور', data-bs-container='body', data-bs-toggle='popover', data-bs-placement='left', data-bs-content='نمایش پاپ آور در چپ')
    | پاپ آور در چپ

وقتی روی یک المان کلیک یا فوکوس می شود، پاپ آورها قابل مشاهده هستند.

به‌طور پیش‌فرض، استفاده از پاپ‌اورها از طریق ویژگی‌های داده به صورت سراسری در قالب SB Admin Pro فعال است. می توانید این پیش فرض را با ویرایش فایل js/scripts.js تغییر دهید. پاپاورهای بالا با کلیک بعدی کاربر قابل حذف هستند. می توانید این قابلیت را در فایل js/scripts.js نیز غیرفعال کنید.
مستندات بوت استرپ موجود است

Tooltips و Popoverها اجزای پیش‌فرض هستند که در چارچوب Bootstrap گنجانده شده‌اند. برای اطلاعات بیشتر در مورد پیاده سازی، اصلاح و گسترش استفاده از راهنمای ابزار و پاپاورها در پروژه خود، از مستندات رسمی بوت استرپ دیدن کنید.

از Bootstrap Tooltips Docs دیدن کنید از Bootstrap Popovers Docs دیدن کنید