ابنِ أشرطة التنقل المتجاوبة في بوتستراب 5.3 مع تنسيق الشعار وحقول البحث والوضع الداكن بسمة data-bs-theme="dark" وقوائم الهاتف المطوية ودرج Offcanvas.
2 صفوف تعليمية
بوتستراب 5
2 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
ينسّق الكلاس .navbar-brand اسم الموقع أو شعاره بحجم خط متوازن ومنع تلقائي لالتفاف السطر. ويمكن تطبيقه على رابط <a> يقود للصفحة الرئيسية، أو على وسم نصي <span class="navbar-brand mb-0 h1"> في لوحات الأدوات المستقلة.
وعند دمج صورة شعار بجانب اسم العلامة، أضف الكلاسات d-inline-block align-text-top me-2 مع تحديد سمتي width وheight صراحةً على وسم <img> ليحجز المتصفح أبعاد الصورة فوراً ويمنع اهتزاز التخطيط أثناء التحميل.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (شريط التنقل Navbar في بوتستراب 5)
