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

Pills with Dropdown

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

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

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

الصف 1 معاينة حية
HTML 
<ul class="nav nav-pills">
  <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)