شرح صفوف ومحتوى الفقرة
بما أن جميع عناصر .form-control و.form-select تحمل افتراضياً خاصيتَي display: block وwidth: 100%، فإن الوضع الفطري لأي نموذج في Bootstrap 5 هو الترتيب العمودي المكدّس Stacked Layout حيث تعلو كل تسمية حقلها مباشرة، وتفصل بين كل وحدة والتي تليها أداة هامش سفلي مثل .mb-3.
تثبت دراسات تتبع حركة العين في هندسة الواجهات أن النماذج العمودية أحادية العمود تحقق أعلى معدل إتمام في صفحات تسجيل الدخول وإنشاء الحسابات السريعة لأن عين المستخدم تنحدر في مسار رأسي مستقيم واحد دون تشتت أفقي.
HTML
<form>
<div class="mb-3">
<label for="org" class="form-label">Team</label>
<input type="text" class="form-control" id="org">
</div>
<button type="submit" class="btn btn-primary">
Save
</button>
</form>