صناديق التنبيه الدلالية | رسائل التنبيه في بوتستراب 5

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

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

تحتاج كل واجهة تفاعلية إلى وسيلة واضحة لإبلاغ المستخدم بنجاح حفظ بياناته، أو تحذيره من قرب انتهاء جلسته، أو تنبيهه لخطأ في الاتصال. يوفر Bootstrap 5.3 مكوّن .alert مع ثمانية أنماط دلالية تمتد من .alert-primary و.alert-success إلى .alert-warning و.alert-danger، مع ضرورة إضافة السمة role="alert" حتى تعلن قارئات الشاشة الرسالة فور ظهورها.

الصف 2 صورة توضيحية

مخطط بنية صناديق التنبيه والروابط المتناغمة والأيقونات والإغلاق في بوتستراب 5.3

الصف 3 كود برمجي

HTML

<div class="alert alert-success" role="alert">
  Backup completed successfully in 1.4 seconds.
</div>
<div class="alert alert-danger mb-0" role="alert">
  Connection lost. Retrying gateway handshake.
</div>

جرّب بنفسك

الصف 4 ملاحظة هامة

Contextual Alert Boxes صناديق التنبيه الدلالية

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

جميع فقرات هذا الدرس (رسائل التنبيه في بوتستراب 5)