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

Navbar Dark Color Themes تلوين الشريط بسمة الثيم

ابنِ أشرطة التنقل المتجاوبة في بوتستراب 5.3 مع تنسيق الشعار وحقول البحث والوضع الداكن بسمة data-bs-theme="dark" وقوائم الهاتف المطوية ودرج Offcanvas.
4 صفوف تعليمية
بوتستراب 5
2 مشاهدة

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

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

كانت الإصدارات السابقة تتطلب إرفاق كلاس خاص لتلوين نصوص الشريط الداكن، أما في بوتستراب 5.3 فقد أُحيل الكلاس القديم للتقاعد وحلّت محله السمة الموحدة الحديثة data-bs-theme="dark".

بمجرد وضع data-bs-theme="dark" على شريط يحمل خلفية داكنة مثل .bg-dark أو .bg-primary، تتحول نصوص الشعار والروابط وأيقونة زر الهاتف وحتى القوائم المنسدلة بداخله تلقائياً إلى تباين فاتح واضح.

الصف 2 صورة توضيحية
مخطط تشريحي لشريط التنقل المتجاوب في بوتستراب 5.3 يوضح حاوية التوسع والشعار والطي وسمة الثيم الداكن
الصف 3 معاينة حية
الصف 4 ملاحظة هامة