شرح صفوف ومحتوى الفقرة
في نماذج عناوين الشحن والفوترة الطويلة، يساعد توزيع الحقول المترابطة منطقياً في صف واحد (مثل الاسم الأول واسم العائلة، أو المدينة والمنطقة والرمز البريدي) على تقليص الطول الكلي للصفحة على الحواسيب المكتبية. لبناء هذا التخطيط، امنح وسم <form> أو حاويته الداخلية الكلاسين .row.g-3، ثم وزّع كل حقل داخل عمود متجاوب مثل .col-md-6 أو .col-md-4 أو .col-12.
HTML
<form class="row g-3">
<div class="col-md-6">
<label for="fn" class="form-label">First</label>
<input type="text" class="form-control" id="fn">
</div>
<div class="col-md-6">
<label for="ln" class="form-label">Last</label>
<input type="text" class="form-control" id="ln">
</div>
</form>