چهار گزینه موجود است: تراز بالا، راست، پایین و چپ.
راهنمای ابزار بالا پایه
اضافه کردنdata-toggle="tooltip" & data-placement="top" to add top tooltip.
راهنمای ابزار سمت راست پایه
اضافه کردنdata-toggle="tooltip" & data-placement="right" to add right tooltip.
راهنمای ابزار پایین پایه
اضافه کردنdata-toggle="tooltip" & data-placement="bottom" to add bottom tooltip.
راهنمای ابزار چپ پایه
اضافه کردنdata-toggle="tooltip" & data-placement="left" to add left tooltip.
انیمیشن غیر فعال
استفاده کنیدdata-animation="false" to remove fade animation. Default is true.
تاخیر نمایش/پنهان کردن
تاخیر در نمایش و پنهان کردن راهنمای ابزار (ms) - does not apply to manual trigger type.
از HTML پشتیبانی می کند
استفاده کنیدdata-html="true" for HTML supported trigger.
الگوی راهنمای ابزار
پایه HTML برای استفاده در هنگام ایجاد راهنمای ابزار. .tooltip-inner. .tooltip-arrow will become the tooltip's arrow.The outermost wrapper element should have the .tooltip class.
این یک راه‌اندازی «دستی» راهنمای ابزار در نظر گرفته می‌شود.
نمایش دهید
راهنمای ابزار یک عنصر را نشان می دهد. shown.bs.tooltip event occurs)
پنهان شدن
راهنمای ابزار یک عنصر را پنهان می کند. hidden.bs.tooltip event occurs).
تغییر وضعیت
راهنمای ابزار یک عنصر را تغییر می دهد. shown.bs.tooltip or hidden.bs.tooltip event occurs).
در معرض قرار دادن
راهنمای ابزار یک عنصر را پنهان و از بین می برد.
نمایش رویداد
این رویداد بلافاصله زمانی کهshow instance method is called.
رویداد نمایش داده شده
این رویداد زمانی فعال می شود که راهنمای ابزار برای کاربر قابل مشاهده باشد (منتظر تکمیل انتقال CSS می شود).
پنهان کردن رویداد
این رویداد بلافاصله هنگامی کهhide instance method has been called.
رویداد پنهان
این رویداد زمانی فعال می شود که راهنمای ابزار از کاربر مخفی شود (منتظر تکمیل انتقال CSS می شود).
راهنمای ابزار با استفاده از - کلیک کنید |
کلیک
استفاده کنیدdata-trigger="click" for click trigger.
تمرکز
استفاده کنیدdata-trigger="focus" for focus trigger.
شناور
استفاده کنیدdata-trigger="hover" for hover trigger. This is a default trigger.
کتابچه راهنمای
استفاده کنیدdata-trigger="manual" for manual trigger. You can do show/hide using js
رنگ پس زمینه راهنمای ابزار سفارشی
استفاده کنیدdata-popup="tooltip-custom" for Custom tooltip. You can change tooltip color using data-bg-color attribute.
رنگ متن راهنمای سفارشی
استفاده کنیدdata-popup="tooltip-custom" for Custom tooltip. You can change tooltip text color using data-text-color attribute.
سفارشی راهنمای ابزار پس زمینه و رنگ متن
استفاده کنیدdata-popup="tooltip-custom" for Custom bordered colored tooltip. You can change tooltip background and text color using data-bg-color and data-text-color attributes.