bootstrap-floating-label
With React
Without React
Email with placeholder
Email without placeholder
Textarea with placeholder
Textarea without placeholder
Select
1
2
3
4
5
Example select
1
2
3
4
5
Example multiple select
Sizing
.form-control-lg
.form-control-sm
Large select
Example select
Small select
Example select
Label sizing: .label-sm (default), .label-md, .label-lg
.label-lg
.label-md
.label-sm (default)
Large select
.label-lg
Default select
Example select
Small select
.label-sm (default)
Readonly
Readonly input
Disabled forms
Disabled input
Disabled input
Disabled select
Disabled select menu
Select menu
Open this select menu
One
Two
Three
custom-select-lg
Open this select menu
One
Two
Three
custom-select-sm
Open this select menu
One
Two
Three
custom-select multiple
Button addons
Label
Button
Button
Label
Custom select
Choose...
One
Two
Three
inputGroupSelect02
Options
Options
Choose...
One
Two
Three
inputGroupSelect01
Support for "right to left" languages
input RTL
1
2
3
4
5
select RTL