Form Input Groups
Input Addons Left
Add span with
.input-group-text
class before
<input>
Input Addons Both Side
Add span with
.input-group-text
class before
& after
<input>
Input Addons Right
Add span with
.input-group-text
class
after<input>
Input Addons Left Icon
Input Addons Both Side Icon
Input Addons Right Icon
Addons With Checkbox
Addons With Right Checkbox
To use add
input-group-prepend
before input
field.
Addons With Checkbox & Button
To use add
input-group-prepend & append
before and afetr input field.
Addons With Left Checkbox
To use add
input-group-append
after input
field.
Addons With Radio
Addons With Left Radio
To use add
input-group-prepend
before input
field.
Addons With Radio & Button
To use add
input-group-prepend & append
before and afetr input field.
Addo fs-5ns With Right Radio
To use add
input-group-append
after input
field.
Addons With Buttons
Addons With Color Button Left
To use add button
in the prepend
div.
Addons With Color Buttons Both
To use add button
in the prepend
and append div.
Addons With Color Button Right
To use add button
in the append
div.
Addons With icon Button Left
Addons With icon Buttons Both
Addons With icon Button Right
Multiple Addons
Addons With Left Side
To use add
input-group-text
class in the
input-group-prepend class.
Addons With Right Side
To use add
input-group-text
class in the
input-group-append class.
Multiple Inputs with Addons
Input With Right Side
To use add form-control
two
times.
Input With Left Side
To use add form-control
two
times.
Button Addons
Button With Left Side
To use add button
in the prepend
class.
Button With Right Side
To use add button
in the append
class.
Multiple Buttons With Left Side
Multiple Buttons With Left Side
Addons With Dropdown Buttons
Addons With Left Side Dropdown
To use add dropdown
in the
prepend class div.
Addons With Right Side Dropdown
To use add dropdown
in the
append class div.