شرح صفوف ومحتوى الفقرة
في الماضي كانت المتصفحات ترسم مربعات الاختيار checkbox وأزرار الراديو radio بأحجام وألوان متباينة يصعب التحكم بها، وكان الإصدار الرابع من بوتستراب يفرق بين خيارات المتصفح الافتراضية وخيارات مخصصة معقدة. أما في Bootstrap 5 فقد توحّد النظام بالكامل تحت حاوية .form-check التي تضم عنصر <input class="form-check-input"> متبوعاً بعنصر <label class="form-check-label">.
تُستخدم مربعات الاختيار عندما يحق للمستخدم تحديد عدة بنود مستقلة معاً، بينما تُستخدم أزرار الراديو المتشاركة في سمة name واحدة لحصر الاختيار في بديل واحد فقط من المجموعة.
HTML
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="c1">
<label class="form-check-label" for="c1">Backup</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="plan"
id="r1" checked>
<label class="form-check-label" for="r1">Monthly</label>
</div>