Dashboard

Dashboard
Form-Basic

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

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

(success)

Input group with warning

(warning)

Input group with error

(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

Email address

Password

Check me out

Horizontal Form

Password

Remember me

Basic Elements

Text

Password

Text area

Readonly

Disabled

Static control

email@example.com

Helping textA 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

This dashboard was generated on Refresh Dashboard