المحاذاة الأفقية لروابط التنقل | قوائم التنقل Navs في بوتستراب 5

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

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

تصطف عناصر .nav افتراضياً عند حافة البداية المنطقية للسطر؛ أي اليمين في الواجهات العربية واليسار في الإنجليزية. وبفضل بناء المكوّن على display: flex، يمكنك التحكم بموضعه الأفقي فوراً دون كتابة سطر تنسيق إضافي.

أضف الكلاس .justify-content-center لتوسيط روابط الأقسام الفرعية أسفل عنوان الصفحة الرئيسي، أو استخدم .justify-content-end لدفع الروابط المساعدة نحو نهاية السطر المنطقية.

الصف 2 كود برمجي

HTML

<nav class="nav justify-content-center border-bottom pb-2">
  <a class="nav-link active" href="#">Home</a>
  <a class="nav-link" href="#">Features</a>
  <a class="nav-link" href="#">Support</a>
</nav>

جرّب بنفسك

الصف 3 ملاحظة هامة

Horizontal Nav Alignment المحاذاة الأفقية لروابط التنقل

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

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