مکان های تولتیپ

چهار گزینه آماده است: بالا، راست، پایین و چپ

تولتیپ پایه بالا

افزودن data-placement="top" باعث قرار گرفتن تولتیپ در بالا می شود.

تولتیپ پایه چپ

افزودن data-placement="left" باعث قرار گرفتن تولتیپ در چپ می شود.

تولتیپ پایه پایین

افزودن data-placement="bottom" باعث قرار گرفتن تولتیپ در پایین می شود.

تولتیپ پایه راست

افزودن data-placement="right" باعث قرار گرفتن تولتیپ در راست می شود.

تولتیپ روشن

برای تولتیپ های با پس زمینه روشن کلاس .tooltip-light را اضافه کنید.

تولتیپ پایه بالا

افزودن data-placement="top" باعث قرار گرفتن تولتیپ در بالا می شود.

تولتیپ پایه چپ

افزودن data-placement="left" باعث قرار گرفتن تولتیپ در چپ می شود.

تولتیپ پایه پایین

افزودن data-placement="bottom" باعث قرار گرفتن تولتیپ در پایین می شود.

تولتیپ پایه راست

افزودن data-placement="right" باعث قرار گرفتن تولتیپ در راست می شود.

فعال ساز های تولتیپ

تولتیپ توسط گزینه های click | hover | focus | manual فعال می شود. میتوانید فعال ساز های متعدد تعیین کنید، آن ها را با یک فاصله جدا کنید. گزینه manual قابل ترکیب با گزینه های دیگر نیست.

کلیک کنید

از data-trigger="click" برای فعال سازی هنگام کلیک استفاده کنید.

تمرکز

از data-trigger="focus" برای فعال سازی هنگام Focus استفاده کنید.

Hover

از data-trigger="hover" برای فعال سازی هنگام Hover استفاده کنید. این فعال ساز پیش فرض است.

دستی

از data-trigger="manual" برای فعال سازی دستی استفاده کنید. میتوانید دستورات show/hide را توسط جاوا اسکریپت انجام دهید.

اختیارات تولتیپ

انیمیشن غیرفعال

از data-animation="false" برای حذف انیمیشن محو شدن استفاده کنید. مقدار پیش فرض true است.

تاخیر نمایش/پنهان‌سازی

در نمایش یا پنهان سازی تولتیپ تاخیر ایجاد کنید (ms) - در حالت فعال سازی دستی اعمال نمی شود.

Method های تولتیپ

این عمل یک فعال سازی «دستی» تولتیپ به حساب می آید. تولتیپ هایی که عنوان خالی دارند هرگز نمایش داده نمی شوند.

نمایش

تولتیپ المان را نمایان میکند. قبل از اینکه تولتیپ واقعا نمایش داده شود به درخواست کننده بازگردانده می شود. (برای مثال قبل از اینکه رویداد shown.bs.tooltip اجرا شود)

پنهان سازی

تولتیپ المان را پنهان میکند. قبل از اینکه تولتیپ واقعا پنهان شود به درخواست کننده بازگردانده می شود. (برای مثال قبل از اینکه رویداد hidden.bs.tooltip اجرا شود).

تغییر وضعیت

وضعیت تولتیپ یک المان را تغییر میدهد. قبل از اینکه تولتیپ واقعا نمایش داده یا پنهان شود به درخواست کننده بازگردانده می شود. (برای مثال قبل از اینکه رویداد shown.bs.tooltip یا hidden.bs.tooltip اجرا شود).

از بین بردن

تولتیپ یک المان را پنهان و از بین می برد. تولتیپ هایی که از delegation استفاده میکنند نمیتوانند به صورت مجزا در المان های فعال ساز فرزند از بین بروند.

Event های تولتیپ

رویداد Show

این Event بلافاصله پس از فراخوانی دستور show اجرا می شود.

رویداد Shown

این Event وقتی تولتیپ به طور کامل به نمایش کاربر در آمد اجرا می شود (تا اتمام انیمیشن های CSS منتظر می ماند).

رویداد Hide

این Event بلافاصله پس از فراخوانی دستور hide اجرا می شود.

رویداد Hidden

این Event وقتی تولتیپ به طور کامل از دید کاربر پنهان شد اجرا می شود (تا اتمام انیمیشن های CSS منتظر می ماند).

سفارشی سازی قالب

سفارشی سازی کنید و به صورت زنده مشاهده کنید.
طرح قالب

رنگ های فهرست

جمع کردن فهرست

رنگ های نوار بالایی
نکته : این گزینه تنها در حالت نوار ثابت و در هنگام اسکرول صفحه نمایش داده خواهد شد.
نوع نوار بالایی

نوع فوتر

سایه کارت

مخفی سازی دکمه اسکرول به بالا
ارتباط با ما
امروز

لورم ایپسوم متن ساختگی

7:45 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

7:50 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

8:01 ق.ظ