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 Buttons

Add span with .input-group-btn class and add button inside before or after <input>.

Input Groups with Dropdown

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