Dashboard

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

All Transaction BTC

This is LTC coin

This is DASH coin

This is LTC coin

Michael Qin

John Doe

Mr. John

Michael Qin

Dashboard

Input Style

Search Box Style

Input Sizes

Basic Form

Horizontal Form

Basic Elements

Horizontal Form Elements