Form Layouts

Vertical Form

Default stacked layout with labels above inputs

Vertical Form with Icons

Vertical form with input group icons

Horizontal Form
Basic Horizontal Form

Labels aligned to the left of inputs

Horizontal Form Sizing

Different label widths for horizontal layout

Wide labels (col-sm-4)

Narrow labels (col-sm-2)

Inline Form
Basic Inline Form

Form elements displayed inline on larger screens

@
Search Form

Common inline search pattern

Filter Form

Inline filter controls

Electronics Active Clear all
Grid Form Layouts
Multi-Column Form

Form with multiple columns using Bootstrap grid

Complex Grid Layouts
Three Column Layout

Evenly distributed three columns

Mixed Width Columns

Different column widths in the same row

Sectioned Forms
Account Settings Form

Form divided into logical sections

Personal Information
Company Information
Notification Preferences
Two Column Layout with Sidebar
Create New Product

Main form content area

$
$
Separate tags with commas
Status
Organization
Product Image

Drag & drop image here

or

Card-Based Forms
Contact Us
Newsletter

Subscribe to our newsletter for updates and exclusive content.

Quick Feedback

How satisfied are you with our service?

Not satisfied Very satisfied
Responsive Form Layout
Responsive Profile Form

Horizontal on desktop, stacked on mobile

Avatar
JPG, PNG or GIF. Max 2MB.
Your public username.
Brief description for your profile. URLs are hyperlinked.