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

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

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

تتفاوت كثافة الواجهات بين صفحات الهبوط البارزة التي تتطلب حقولاً كبيرة واضحة، وأشرطة تصفية الجداول المزدحمة التي تحتاج حقولاً مضغوطة. يوفر بوتستراب كلاسَي تحجيم مباشرين يُضافان بجانب الكلاس الأساسي: .form-control-lg للحجم الكبير و.form-control-sm للحجم الصغير، وقد صُمِّمت أبعادهما وحشوهما الداخلي لتتطابق بالملليمتر مع أزرار .btn-lg و.btn-sm.

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

HTML

<input class="form-control form-control-lg mb-2"
       type="text" placeholder="Large (.form-control-lg)">
<input class="form-control mb-2"
       type="text" placeholder="Default (.form-control)">
<input class="form-control form-control-sm"
       type="text" placeholder="Small (.form-control-sm)">

جرّب بنفسك

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

Form Control Sizing أحجام حقول الإدخال

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

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