انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: Bootstrap 4 Navigation Bar

Vertical Navbar

ستتعلم في هذا الدرس انشاء ال Bootstrap Navbar وهي قوائم التطبيق الرئيسية للتنقل بين صفحات تطبيقات الويب

1 صفوف تعليمية
Bootstrap
3,048 مشاهدة

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

الصف 1 شرح توضيحي
قم بازالة ال navbar-expand-xl|lg|md|sm class لعل قائمة رأسية Vertical Navbar
HTML 
<!-- A vertical navbar -->
<nav class="navbar bg-light">

  <!-- Links -->
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#">Link 1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link 2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link 3</a>
    </li>
  </ul>

</nav>
جرّب بنفسك

جميع فقرات هذا الدرس (Bootstrap 4 Navigation Bar)