انتقل إلى محتوى الدرس

BootStrap Multiple Inputs Group مجموعة بعدة عناصر ادخال في bootstrap

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

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

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

الصف 1 شرح توضيحي
  • يمكن عمل input group بداخله اكثر من <input> واضافة صورة او نص او زرار واحد لهم جميعا.
  • يمكن ايضا عمل العكس فننشئ <input> واحد ونضيف له اكثر من صورة او نص او زرار.

Multiple Inputs Group

مثال على استخدام input-group-text واحد لاكثر من <input> والعكس.

HTML
<div class="input-group mb-3">
   <span class="input-group-text">Person</span>
   <input type="text" class="form-control" placeholder="First Name">
   <input type="text" class="form-control" placeholder="Last Name">
</div>