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

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

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

تشترك أشرطة التنقل الفرعية وقوائم الأقسام والفهارس الجانبية في بوتستراب 5 جميعاً في لبنة تأسيسية رشيقة واحدة هي مكوّن .nav. يعتمد هذا المكوّن كلياً على الصندوق المرن، فيزيل نقاط القوائم الافتراضية ويصفّر هوامشها، ويمنح كل رابط مساحة نقر متناسقة عبر .nav-link دون فرض خلفيات أو حدود مقيدة.

يتيح لك الإطار أسلوبين قياسيين لبنائه: إما استخدام قائمة <ul class="nav"> بداخلها عناصر <li class="nav-item"> عند الحاجة لتسلسل هيكلي، وإما وضع روابط <a class="nav-link"> مباشرةً داخل وسم دلالي مختصر <nav class="nav">.

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

HTML

<ul class="nav">
  <li class="nav-item">
    <a class="nav-link active" aria-current="page"
      href="#">Overview</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Docs</a>
  </li>
</ul>

جرّب بنفسك

Base Nav List and Links بناء قائمة التنقل الأساسية

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

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