انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: عناصر الادخال في BootStrap

BootStrap Custom Switch التبديل المخصص في bootstrap

ستتعلم في هذا الدرس التحكم في تنسيقات form inputs عناصر الادخال في الاستمارة عن طريق bootstrap.

1 صفوف تعليمية
Bootstrap
2,652 مشاهدة

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

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

يمكن استخدام checkbox لعمل زرار toggle كالآتي:

  • نقوم بانشاء container بداخله كلاس form-check وكلاس form-switch.
  • بداخل container نضع checkbox بداخله كلاس form-check-input.
جرّب بنفسك

Custom Switch

عمل toggle switch باستخدام عنصر checkbox.

HTML 
<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="mySwitch" name="darkmode" value="yes" checked>
  <label class="form-check-label" for="mySwitch">Dark Mode</label>
</div>
جرّب بنفسك

جميع فقرات هذا الدرس (عناصر الادخال في BootStrap)