Basic Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Use bootstrap input with added class name of .rounded
Add class .filestyle to make it.
Add class .selectpicker and data-style attribute to make it.

Add class .checkbox-custom, .radio-custom, .switch to make it.

Add the disabled attribute to make it.
Add the readonly attribute to <input> tag.
Add the .focus class to <input> tag.

[email protected]

Use the .form-control-static class on a <p>.
A block of help text that breaks onto a new line and may extend beyond one line.

Add .input-lg, .input-sm for additional sizes.

Input Groups

Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon to prepend or append elements to a single .form-control.

@
@example.com
$ .00

Add .input-group-lg, .input-group-sm for additional sizes.

@
@
@

Validation States

Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-success to the parent element. Any .control-label, .form-control, and .help-block within that element will receive the validation styles.

(success)
(warning)
(error)
@
(success)
@
(warning)
@
(error)