Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image

Basic Form Inputs

Lorem ipsum dolor sit amet, consectetur adipisicing elit
Switches
Add class of .form-control with <input> tag

Single Switche

Multiple Switches

Enable Disable Switches

Color Switches

Switch Sizes

Radio
Add class of .form-control with <input> tag

Radio Fill Button

Radio outline Button

Radio Button

Color Radio Button

Color Radio material Button

Checkbox
Add class of .form-control with <input> tag

Border Checkbox

Fade-in Checkbox

Color Checkbox

zoom Checkbox

Max Length
Add class of .form-control with <input> tag

Default

The badge will show up by default when the remaining chars are 10 or less:

Threshold

Do you want the badge to show up when there are 20 chars or less? Use the threshold option:

Color-lables

Just add color-classwith input

Play With Positions

All you need to do is specify the placement option, with one of those strings. If none is specified, the positioning will be defauted to 'top-left'.

Also Working With Textarea

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.