ميزة أخرى بدعم من bootstrap ، مجموعات مربع الإدخال. تمتد مجموعة مربع الإدخال من التحكم في النموذج. مع مجموعات مربعات الإدخال ، من السهل إضافة نص أو أزرار كبادئات ولاحقة إلى مربعات الإدخال المستندة إلى النص.
أضف البادئة واللاحقة إلى حقل الإدخال
<div style = "padding: 100px 100px 10px ؛"> <form rom = "form"> <viv> <span>@</span> <input type = "text" placeholder = "twitterhandle"> </viv> <br> <viv> <input type = "text">. type = "text"> <span> .00 </span> </viv> </part> </viv>
يتم استخدام خانات الاختيار والإضافات الراديوية كبادئات أو عناصر لاحقة لمجموعات مربع الإدخال
<div style = "padding: 100px 100px 10px ؛"> <form rom = "form"> <viv> <viv> <viv> <span> <span> <pant type = "checkbox"> </span> <input type = "text"> </viv> <! type = "radio"> </span> <type type = "text"> </viv> <!-/input-group-> </viv> <!-/.col-lg-6-> </viv> <!-/.Row-> </form>
يتم استخدام الأزرار كبادئة أو عناصر لاحقة لمجموعات مربع الإدخال
<div style = "padding: 100px 100px 10px ؛"> <form roly = "form"> <viv> <viv> <viv> <span> <button type = "button"> go! </buttan type = "text"> <span> <button type = "button"> go! </button> </span> </viv> <!-/input-group-> </viv> <!-/.col-lg-6-> </viv> <!-/. القائمة <span> </span> </button> <ul> <li> <a href = "#"> الدالة </a> </li> <li> <a href = "#"> other </a> </li> <li> </li> <li> <a href = "#" href = "#"> other </a> </li> <li> </li> <li> <li> <a href = "#"> رابط disazed </a> </li> </ul> </viv> <!-/btn-group-> <input type = "text"> </div-group-> div> <div> data-toggle = "sropdown"> <span> </span> go <span> </span> <ul> <li> عنوان القائمة المنسدلة </li> <li> <a href = "#"> a </a> </li> <li> <li> <li> <li> <li> <s href = "#" type = "button"> <span> </span> اذهب </button> <button type = "button" data-toggle = "speldown"> </span> </utton> type = "text"> </viv> <br>
ما سبق هو مشاركة الكود لمجموعة Bootstrap Inport Box التي قدمها المحرر. آمل أن يكون ذلك مفيدًا للجميع!