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

Dropdown Position

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

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

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

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

لعمل dropdown من جهة اليسار او من جهة اليمين استخدم dropright class او dropleft class الاسهم التي بينهم يتم انشائها تلقائي من جهة اليمين او اليسار علي حسب ال class

HTML 
<div class="dropdown dropleft float-right">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Dropleft button
    </button>
    <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>
  </div>
جرّب بنفسك
HTML 
<div class="dropdown dropleft float-right">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Dropleft button
    </button>
    <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>
  </div>
جرّب بنفسك

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