Focus Admin: Basic Form

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

Input with success

Input with warning

Input with error

Input with success

Input with warning

Input with error

Input with icon

Input group with success

Input group with warning

Input group with error

Input Sizes

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

Small

Normal

Large

Grid Sizes

Basic Form

Horizontal Form

Password

Remember me

Basic Elements

Text

Password

Text area

Readonly

Disabled

Static control

email@example.com

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

Input Select

Multiple Select

Horizontal Form Elements

Text Input

Password

Text Area

Readonly

Disabled

Static Control

email@example.com

Helping text

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

Input Select

Multiple Select

Hello, Welcome Here

Input Style

Search Box Style

Input States

Input Sizes

Basic Form

Horizontal Form

Basic Elements

Horizontal Form Elements