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.

@
@example.com
$
.00

Multiple Inputs

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

First and last name

Multiple Addons

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

$ 0.00
$ 0.00

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.

@
@example.com

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.

Custom file input

Upload
Upload
today

How can we help? 😄

7:45 AM

Hey John, I am looking for the best admin template.

Could you please help me to find it out? 🤔

7:50 AM

Stack admin is the responsive bootstrap 4 admin template.

8:01 AM