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

Tabs with Dropdown

ستتعلم في هذا الدرس عمل ال tabs وهي نواع من انواع ال navs ولكل تتنقل بين tabs في نفس الصفحة باستخدام ال Bootstrap 

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

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

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

Result


HTML 
<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Dropdown</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Link 1</a>
      <a class="dropdown-item" href="#">Link 2</a>
      <a class="dropdown-item" href="#">Link 3</a>
    </div>
  </li>
</ul>
جرّب بنفسك

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