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

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

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

إذا كبّرت الحقل الأفقي بكلاس .form-control-lg أو صغّرته بكلاس .form-control-sm، فيجب مطابقة حجم التسمية المقابلة له باستخدام .col-form-label-lg أو .col-form-label-sm حتى لا تبدو التسمية مرتفعة أو منخفضة عن خط الأساس النصي للحقل.

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

HTML

<div class="row mb-3">
  <label for="hSm" class="col-sm-3 col-form-label
         col-form-label-sm">Small</label>
  <div class="col-sm-9">
    <input type="email" class="form-control form-control-sm"
           id="hSm">
  </div>
</div>

جرّب بنفسك

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

Horizontal Label Sizing أحجام تسميات النماذج الأفقية

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

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