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.