Bootstrap about the use of the input box group

only text input <input> boxes are supported

Avoid using elements here <select> , because the WebKit browser cannot fully draw its style.

Avoid using <textarea> elements because their properties are rows not supported in some cases.

Nest the input box groups inside the form group or grid-related elements. Do not mix form groups or raster columns (column) classes directly with input box groups.

To .input-group give the .input-group-addon class

<div class= "Input-group" >  <span class= "Input-group-addon" id= "Basic-addon1" >@</span>  <input type= "text" class= "Form-control" placeholder= "Username" aria-describedby= "Basic-addon1" ></div>

　　

Can put Radio,button and so on

<div class= "Row" > <div class= "col-lg-6" > <div class= "Input-group" > <div class= "input-group-b TN "> <button type=" button "class=" btn btn-default dropdown-toggle "data-toggle=" dropdown "aria-haspopup=" true "Aria-expanded=" false ">action <span class=" caret "></span></button> <ul class=" Dropdown-men U "> <li><a href=" # ">Action</a></li> <li><a href=" # ">another actio N</a></li> <li><a href= "#" >something else here</a></li> <li role=        "Separator" class= "divider" ></li> <li><a href= "#" >separated link</a></li> </ul> </div><!--/btn-group--<input type= "text" class= "Form-control" aria-label= "..." &G    T </div><!--/input-group--</div><!--/.col-lg-6--<div class= "col-lg-6" > <div cl Ass= "Input-group" &Gt  <input type= "text" class= "Form-control" aria-label= "..." > <div class= "input-group-btn" > <button Type= "button" class= "btn btn-default dropdown-toggle" data-toggle= "dropdown" aria-haspopup= "true" aria-expanded= " False ">action <span class=" caret "></span></button> <ul class=" Dropdown-menu dropdown-menu-r ight "> <li><a href=" # ">Action</a></li> <li><a href=" # ">another AC Tion</a></li> <li><a href= "#" >something else here</a></li> <li ro        le= "Separator" class= "divider" ></li> <li><a href= "#" >separated link</a></li>  </ul> </div><!--/btn-group--</div><!--/input-group--</div><!-- /.col-lg-6--></div><!--/.row--

　　

Bootstrap about the use of the input box group