Input Group
A group for input to display information in before or after input.
Basic Input Groups
Add span with .input-group-text
class
before
<input>
for input-group-prepend and add span with
.input-group-text
class
after
<input>
for input-group-append.
Multiple Inputs
While multiple <input>
s are
supported visually, validation styles are only
available for input groups with a single
<input>
.
Multiple Addons
Multiple add-ons are supported and can be mixed with checkbox and radio input versions.
Input Groups with Checkboxes and Radios
Input Groups can use with checkboxes and radio buttons
also. For it add code for .checkbox
class
and .radio
class respectively.
Input Groups with different sizes
Add .input-group-{lg/sm}
class to
.input-group
for Large/Small
addon/prepend.
Input Groups with Dropdown
Add <button>
with
.dropdown-toggle
class and add
dropdown-menu after it to get input group with
dropdown.