بررسی اجمالی
نکاتی که هنگام استفاده از پلاگین راهنمای راهنمای ابزار باید بدانید:
- نکات ابزار به کتابخانه شخص ثالث متکی هستند Popper.js برای موقعیت یابی شما باید شامل شود popper.min.js قبل از bootstrap.js یا استفاده کنید
bootstrap.bundle.min.js/bootstrap.bundle.jsکه حاوی Popper.js برای کارکردن راهنمای ابزار است! - راهنمای ابزار به دلایل عملکرد انتخاب می شوند، بنابراین شما باید خودتان آنها را مقداردهی اولیه کنید.
- راهنمای ابزار با عناوین با طول صفر هرگز نمایش داده نمی شود.
- مشخص كردن
container: 'body'برای جلوگیری از بروز مشکلات در اجزای پیچیده تر (مانند گروه های ورودی ما، گروه های دکمه و غیره). - راهاندازی نکات ابزار در عناصر پنهان کار نخواهد کرد.
- نکات ابزار برای
.disabledیاdisabledعناصر باید بر روی یک عنصر پوششی فعال شوند. - هنگامی که از لینک هایی که چندین خط را تشکیل می دهند، راهنمایی های ابزار در مرکز قرار می گیرند. استفاده کنید
white-space: nowrap;بر<a>برای جلوگیری از این رفتار. - نکات ابزار باید قبل از حذف عناصر مربوطه از DOM پنهان شوند.
- نکات ابزار باید قبل از حذف عناصر مربوطه از DOM پنهان شوند.
prefers-reduced-motion پرس و جو رسانه ای را ببینید بخش حرکت کاهش یافته اسناد دسترسی ما.
مثال: راهنمای ابزار را در همه جا فعال کنید
یک راه برای مقداردهی اولیه تمام نکات ابزار در یک صفحه، انتخاب آنها بر اساس آنهاست data-bs-toggle ویژگی:
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
نمونه ها
برای دیدن نکات ابزار، نشانگر را روی پیوندهای زیر نگه دارید:
شلوار چسبان سطح بعدی کفیه احتمالا شما از آنها نشنیده ام غرفه عکس ریش خام جین لترپرس وگان کیسه پیام رسان stumptown. سیتان مزرعه تا میز، پوشاک آمریکایی 8 بیتی کینوا پایدار مکسوینی فیکس have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
ماوس را روی دکمههای زیر نگه دارید تا چهار جهت راهنمای ابزار را ببینید: بالا، راست، پایین و چپ.