نمونه ها

برای دیدن نکات ابزار، نشانگر را روی پیوندهای زیر نگه دارید.

شلوار چسبان سطح بعدی کفیهشما احتمالانشنیده اند از آنها کیسه پیام رسان گیاهی با ریش غرفه عکس استامپ تاون سیتان ریش غرفه عکس مزرعه تا میز، کینوآ پایدار مکسوینی پوشاک آمریکایی 8 بیتییکتری ریچاردسون مجلسی وینیل. استامپ تاون ریش، ژاکت کش باف پشمی بانه می لومو تندرکت. توفو بیودیزل ویلیامزبورگ مارفا، چهار لوکو مک‌سوئینی پاکسازی وگان مجلسی یک صنعتگر واقعا کنایه آمیزهر چه باشدkeytar، صحنه‌ای از مزرعه تا میز بانکسی آستیندسته توییترفریگان کرید قهوه جین خام تک منشا ویروسی.

عناصر غیر فعال

عناصر باdisabledویژگی تعاملی نیستند، به این معنی که کاربران نمی توانند روی آنها تمرکز کنند، ماوس را نگه دارند یا کلیک کنند تا فعال شوند یک راهنمای ابزار (یا پاپاور). به عنوان یک راه حل، می خواهید راهنمای ابزار را از آن فعال کنید یک لفاف<div>یا<span>، ایده آل ساخته شده است با استفاده از صفحه کلید قابل تمرکزtabindex="0"، و نادیده گرفتنpointer-eventsروی عنصر غیرفعال

چهار جهت

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

تگ های HTML

و با HTML سفارشی اضافه شده:

نکات رنگی

ما یک کلاس سفارشی با سابق تنظیم کردیم.data-bs-custom-class="primary-tooltip"برای استفاده و ظاهر اولیه رنگ پس زمینه آن را برای لغو یک CSS محلی متغیر