Add span with .input-group-textclass before<input>for input-group-prepend and add span with .input-group-textclass after<input>for input-group-append.

While multiple <input>s are supported visually,validation styles are only available for input groups with a single <input>.

Multiple add-ons are supported and can be mixed with checkbox and radio input versions.

Input Groups can use with checkboxes and radio buttons also. For it add code for .checkboxclass and .radioclass respectively.

Add .input-group-{lg/sm}class to .input-groupfor Large/Small addon/prepend.

Add span with .input-group-btnclass and add button inside beforeor after<input>.

Add <button>with .dropdown-toggleclass and add dropdown-menu after it to get input group with dropdown.