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.
Input Groups with Checkboxes and Radios
Input Groups can use with checkboxes and radio buttons also. For it add code for .vs-checkbox-con
class and .vs-radio-con
.
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.