Examples of standard form controls supported in an example form layout. Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select>; elements with .form-controlare set to width: 100%;by default. Wrap labels and controls in .form-groupfor optimum spacing. Labels in horizontal form require .control-labelclass.

Horizontal Inputs

Text

Text Disabled

Text Readonly

Password

Select

1 2 3 4

Multiple select

1 2 3 4 5

Textarea

Vertical Inputs

Dropdown & Icons

Custom Validation Styles

TouchSpin

Icons

Validation