Input Style

Use the input classes on an input-default for Default input.

Use the input classes on an input-flat for flat input.

Use the input classes on an input-rounded for rounded input.

Use the input classes on an input-focus for focus input.

Search Box Style

Use the classes on an input-group, input-group-btn for Default input group.

Use this class are input-group-rounded and btn-group-right for input group rounded with search icon.

Use this class input-group-flat , input-group-close-icon for flat input group with close icon.

Use this class are input-group-rounded , btn-group-left and btn-group-right for input group rounded with search icon.

Input States

(success)
(warning)
(error)

Input Sizes

Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.

Basic Form

Horizontal Form

Basic Elements

email@example.com

A block of help text that breaks onto a new line and may extend beyond one line.

Horizontal Form Elements

email@example.com

A block of help text that breaks onto a new line and may extend beyond one line.