Form Grid

Fill out the form below with your personal and contact information to proceed.

Gutters

Please complete all fields below. All inputs are required to proceed with the form submission.

Vertical Form With Label

Fill in the form below with accurate details. All fields are required for submission.

Vertical Form With Icon

Please complete the form below. All fields are required and icons indicate input types for better guidance.

Horizontal Form With Label

Fill out the form below using horizontal label alignment for better clarity and space efficiency.

Horizontal Form With Icon

This form layout uses icons and horizontal alignment to enhance user experience and visual appeal.

Horizontal form label sizing

Demonstrates different input sizes (small, default, and large) in a horizontal form layout using Bootstrap classes.

Column sizing

Use Bootstrap's grid system to control the width of inputs responsively using column sizing utilities.

Inline forms

Easily align form controls side-by-side using Bootstrap’s inline form layout with responsive grid classes.

@
Theme Customization
Layout:
Vertical
Horizontal
Semi Box
Content Width:
Default
Box
Layout Direction:
LTR
RTL
Layout Mode:
Light
Dark
System
Sidebar Size:
Default
Medium
Icon
Icon hover