انتقل إلى محتوى الدرس
فقرة فرعية #3 من درس: Bootstrap 4 Popover

Closing Popovers

ستتعلم في هذا الدرس عمل ال Popover وهو صندوق خافت مثل ال tooltips يظهر اعلي النصوص ليوضح معلومات اضافية وتفصيلية باستخدام ال Bootstrap

1 صفوف تعليمية
Bootstrap
2,305 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في الوضع الافتراضي ، يتم إغلاق النافذة Popover عند النقر فوق العنصر مرة أخرى ، يمكنك استخدام السمة data-trigger = focus التي ستغلق النافذة عند النقر خارج العنصر

HTML
<a href="#" tabindex="0" role="button" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Click anywhere in the document to close this popover">Click me</a>
HTML
<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="Some content">Hover over me</a>

جميع فقرات هذا الدرس (Bootstrap 4 Popover)