Form example

Form sizing & grid

The Right Way - Admin Template

Sizing

Set heights using classes like .form-control-lg and .form-control-sm.

Small
Default
Large

Default form grid

Use form-row to get smaller paddings between fields.

Vertical grid

Use form-group to wrap your form elements with label and other features.

Multiple inputs grid

Its possible to use few inputs in one form group.

Hello, i'm text help...
Hello, i'm text help...
Hello, i'm text help...
Hello, i'm text help...
Template settings
Information

Use this panel to configure template settings and layout options.

Layout option
Backgrounds
Header options
Container
Navigation options
Sidepanel options
Content options