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

Dropdown Menu Right

ستتعلم في هذا الدرس عمل قوائم منسدلة القائمة الرئيسية التي يتفرع منها قوائم فرعية بال Bootstrap

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

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

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

لتغيير فتح روابط ال dropdown من جهة اليمين او اليسار استخدم ال dropdown-menu-right class مع ال dropdown-menu class

HTML 
<div class="container">
  <div class="dropdown">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Open From Right
    </button>
    <div class="dropdown-menu dropdown-menu-right">
      <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>
  </div>
</div>
جرّب بنفسك

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