شرح صفوف ومحتوى الفقرة
في لوحات الإعدادات الإدارية العريضة، يُفضَّل غالباً وضع التسمية في عمود جانبي مقابل الحقل في نفس السطر الأفقي بدلاً من وضعها فوقه. لتحقيق ذلك في Bootstrap 5، أنشئ صفاً <div class="row mb-3">، وامنح عنصر <label> عموداً شبكياً مثل .col-sm-3 مع الكلاس الجوهري .col-form-label (بدلاً من .form-label)، ثم غلّف الحقل داخل <div class="col-sm-9">.
تكمن أهمية .col-form-label في إضافته حشواً علوياً وسفلياً مدروساً يطابق سمك إطار وحشو .form-control بحيث يتوسط نص التسمية ارتفاع الحقل المقابل بالملليمتر!