شرح صفوف ومحتوى الفقرة
في التطبيقات الحديثة كثيراً ما تتولد التنبيهات ديناميكياً استجابةً لزر «حفظ الإعدادات» أو استجابة طلب شبكة عبر Vanilla JavaScript بدون أي مكتبة خارجية؛ حيث ننشئ عنصر <div> ونلحقه بحاوية مخصصة، كما يوفر الكائن البرمجي bootstrap.Alert.getOrCreateInstance(el) دالة .close() لإغلاق التنبيه برمجياً بعد مرور ثوانٍ محددة.
| الميزة في التنبيه | الكلاس أو الواجهة البرمجية | الوظيفة الدقيقة |
|---|---|---|
| الروابط المتناغمة | .alert-link | يطابق لون الرابط وسماكته مع فصيلة التنبيه المحيطة |
| العنوان الداخلي | .alert-heading | يورّث لون التنبيه الدلالي لعناوين <h4>–<h6> |
| التنبيه القابل للإغلاق | .alert-dismissible .fade .show | يحجز مسافة زر .btn-close ويفعّل التلاشي |
| التحكم البرمجي JS | bootstrap.Alert.getOrCreateInstance | يغلق التنبيه برمجياً ويطلق أحداث الإغلاق القياسية |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس تصميم صناديق التنبيه الثمانية في بوتستراب 5.3، وتنسيق الروابط والعناوين الداخلية، ومحاذاة الأيقونات المتجهية، وتفعيل الإغلاق المتلاشي، والتعامل مع الواجهة البرمجية وأحداث جافاسكريبت. الخطوة التالية: انتقل الآن إلى الدرس السادس والعشرين لدراسة المكوّن الأكثر مرونة في واجهات الويب الحديثة وهو حاوية البطاقات Cards بتشريحها الكامل وشبكاتها المتساوية.