انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: رسائل التنبيه في بوتستراب 5

Harmonized Alert Links تنسيق الروابط داخل التنبيهات

تعلّم بناء رسائل التنبيه في بوتستراب 5.3، وتنسيق روابط alert-link والعناوين الداخلية، ودمج الأيقونات المتجهية بمرونة، وتفعيل الإغلاق المتلاشي وتوليد التنبيهات بجافاسكريبت.
2 صفوف تعليمية
بوتستراب 5
2 مشاهدة

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

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

إذا وضعت رابطاً عادياً <a> داخل تنبيه أحمر أو أصفر، سيظهر باللون الأزرق الافتراضي فيبدو نشازاً وضعيـف التباين! يعالج الكلاس المساعد .alert-link هذه المشكلة فوراً بمنح الرابط خطاً عريضاً ولوناً مشتقاً من نفس فصيلة التنبيه المحيط به.

الصف 2 كود برمجي
HTML 
<div class="alert alert-warning mb-0" role="alert">
  SSL certificate expires in 3 days.
  <a href="#renew" class="alert-link">Renew certificate</a>
  before traffic is interrupted.
</div>
جرّب بنفسك

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