Input Style

Use the input classes on an input-defaultfor Default input.

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

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

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

Search Box Style

Use the classes on an input-group,input-group-btnfor Default input group.

Use this class are input-group-roundedand btn-group-rightfor input group rounded with search icon.

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

Use this class are input-group-rounded,btn-group-leftand btn-group-rightfor 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.