أحجام قوائم الاختيار | قوائم الاختيار المنسدلة في بوتستراب 5

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

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

تماماً كما رأينا في حقول النص والأزرار، تتوفر قوائم الاختيار بثلاث درجات ارتفاع قياسية لتصطف في صف شبكي واحد دون أي تفاوت بصري: أضف الكلاس .form-select-lg بجانب .form-select للنماذج البارزة، أو الكلاس .form-select-sm لأشرطة الفرز واختيار عدد الصفوف في الجداول.

الصف 2 صورة توضيحية

مخطط يوضح تشريح قائمة الاختيار form-select وتدرج أحجامها وانعكاس سهم القائمة تلقائياً في RTL

الصف 3 كود برمجي

HTML

<select class="form-select form-select-lg mb-2">
  <option selected>Large select (.form-select-lg)</option>
</select>
<select class="form-select mb-2">
  <option selected>Default select (.form-select)</option>
</select>
<select class="form-select form-select-sm">
  <option selected>Small select (.form-select-sm)</option>
</select>

جرّب بنفسك

الصف 4 ملاحظة هامة

Select Menu Sizing أحجام قوائم الاختيار

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

جميع فقرات هذا الدرس (قوائم الاختيار المنسدلة في بوتستراب 5)