Outro recurso suportado pelo Bootstrap, grupos de caixas de entrada. O grupo de caixas de entrada se estende do controle do formulário. Com os grupos de caixas de entrada, é fácil adicionar texto ou botões como prefixos e sufixos às caixas de entrada baseadas em texto.
Adicione prefixo e sufixo ao campo de entrada
<div style="padding: 100px 100px 10px;"><form role="form"><div><span>@</span><input type="text" placeholder="twitterhandle"></div><br><div><input type="text"><span>.00</span></div><br><div><span>$</span><input type = "text"> <pan> .00 </span> </div> </morm> </div>
Caixas de seleção e plug -ins de rádio são usados como prefixos ou elementos de sufixo para grupos de caixas de entrada
<div style = "preenchimento: 100px 100px 10px;"> <form role = "form"> <div> <div> <div> <pan> <input type = "caixa de seleção"> </span> <input type = "text"> </div> <!-/input-group-> </div> <!-/.col-lg-6-> type = "Radio"> </span> <input type = "text"> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </mand> </div>
Os botões são usados como elementos de prefixo ou sufixo para grupos de caixas de entrada
<div style = "preenchimento: 100px 100px 10px;"> <form role = "form"> <div> <div> <div> <pan> <botão type = "button"> go! </button> </span> <input type = "text"> </div> <!-/input-Group-> </> <!-/. type="text"><span><button type="button">Go!</button></span></div><!-- /input-group --></div><!-- /.col-lg-6 --></div><!-- /.row --></form></div>class="input-group-btn"<div><div><button type="button" data-toggle="dropdown">Drop down MENU <BPO> </SPAN> </BOTTN> <ul> <li> <a href = "#"> função </a> </li> <li> <a href = "#"> outros </a> </li> <li> </li> <li> <a href = "#" outros </a> <li> <li> <li> <li> href = "#"> Outros </a> </li> <li> </li> <li> <a href = "#"> link desalinhado </a> </li> </ul> </div> <!-/btn-group-> <input Type = "text"> </div> <!-/input-group-> <div-> <div) data-toggle = "suspenso"> <pan> </span> go </span> <ul> <li> Título do menu suspenso </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> b </a> </li> <li> <li> type = "Button"> <pan> </span> go </butão> <botão type = "button" data-toggle = "suspenso"> </span> </button> <ul> <li> título do menu suspenso </li> <li> <a href = "#" a </a> </li> <li> <li> type = "text"> </div> <br>
O acima exposto é o compartilhamento de código do grupo de caixa de entrada de bootstrap introduzido pelo editor. Espero que seja útil para todos!