Otra característica compatible con Bootstrap, grupos de cuadros de entrada. El grupo de cuadro de entrada se extiende desde el control del formulario. Con grupos de cuadros de entrada, es fácil agregar texto o botones como prefijos y sufijos a cuadros de entrada basados en texto.
Agregue prefijo y sufijo al campo de entrada
<Div style = "Padding: 100px 100px 10px;"> <form role = "form"> <div> <span>@</span> <input type = "text" planteholder = "twitterHandle"> </div> <br> <div> <input type = "text"> <span>. type = "text"> <span> .00 </span> </div> </form> </div>
Las casillas de verificación y los complementos de radio se utilizan como prefijos o elementos de sufijo para grupos de cuadros de entrada
<div style = "Padding: 100px 100px 10px;"> <form role = "form"> <div> <div> <div> <span> <input type = "checkbox"> </span> <input type = "text"> </div> <!-/input-group-> </div> <!-/.col-lg-6-> <br> <div> <iv> <pan> <pan> <port> type = "Radio"> </span> <input type = "text"> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form> </div>
Los botones se utilizan como elementos de prefijo o sufijo para grupos de cuadros de entrada
<div style = "relleno: 100px 100px 10px;"> <form role = "form"> <div> <iv> <div> <span> <button type = "button"> go! </botte> </span> <input type = "text"> </div> <!-/input-group-> </divs div> type = "Button"> GO! </boton> </span> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </orm> </div> class = "input-group-btn" <div> <div> <button type = "botón" data-toggle = "descendente" menú <Span> </span> </boton> <ul> <li> <a href = "#"> function </a> </li> <li> <a href = "#"> otros </a> </li> <li> </li> <li> <a href = "#"> otros </a> </li> <li> </li> <li> <a href = "#"> Otro </a> </li> <li> </li> <li> <a href = "#"> enlace desasesado </a> </li> </ul> </div> <!-/btn-grupo-> <input type = "text"> </div> <!-/input-group-> <div> <Div> <button type = "button" button "button" button "button" "button" Go <Span> </span> <ul> <li> Título del menú desplegable </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> b </a> </li> </ul> </divs> <tipo de entrada = "texto"> </div> <br> <iv> <div> <div> <botón <button "button </" button " <botón tipo = "botón" data-toggle = "desplegable"> <span> </span> </boton> <ul> <li> Título del menú desplegable </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> b </a> </li> </lul> </iv> <put type = "text"> </divivado "
Lo anterior es el código compartido del grupo de cuadros de entrada Bootstrap introducido por el editor. ¡Espero que sea útil para todos!