Input Groups

  1. Home
  2. Form Elements
  3. Input Groups
TodoChatEmailCalendar

Basic

@
@example.com
https://example.com/users/
$
.00
With textarea

Merged

@
@example.com
https://example.com/users/
$
.00
With textarea

Sizing

@
@
@

Checkbox and radio addons

Custom checkbox and radio

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.

Action Another action Something else here Separated link
Action Another action Something else here Separated link
Action Another action Something else here Separated link