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

BootStrap Forms Size حجم الاستمارات في bootstrap

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

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

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

الصف 1 شرح توضيحي
  • يمكن التحكم في حجم اي input يحتوي على كلاس form-control عن طريق اضافة كلاس اخر.
  • كلاس form-control-lg لكتبير عنصر <input>.
  • كلاس form-control-sm لتصغير عنصر <input>.
جرّب بنفسك

Form Size

عمل مقاسات مختلفة لكل عنصر <input>.

HTML 
<form action="/action_page.php">
   <input type="text" class="form-control form-control-lg" placeholder="Large input">
   <input type="text" class="form-control" placeholder="Normal input">
   <input type="text" class="form-control form-control-sm" placeholder="Small input">
</form>
جرّب بنفسك

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