انتقل إلى محتوى الدرس

Icon Links and Focus Rings روابط الأيقونات وحلقات التركيز

تعلّم المساعدات البصرية وأدوات الإتاحة في بوتستراب 5.3 من تثبيت نسب الفيديو والفاصل العمودي والرابط الممتد إلى حلقات التركيز والإخفاء البصري وبناء قسم Hero الحديث.
1 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

أضاف الإصدار 5.3 مساعدين رائعين لتحسين التفاعل البصري وإمكانية الوصول للوحة المفاتيح: الأول هو .icon-link الذي يضبط محاذاة الأيقونة بجانب نص الرابط تلقائياً عبر الصندوق المرن السطري، ومع إضافة .icon-link-hover تتحرك الأيقونة انسيابياً عند مرور المؤشر.

والثاني هو .focus-ring المقترن بألوان مثل .focus-ring-primary أو .focus-ring-success، والذي يستبدل حد المتصفح المنقط الافتراضي بحلقة ظل واضحة متناسقة حول العنصر فور التركيز عليه بمفتاح Tab.