General Form Elements

Sample form 1

Personal Info


Sample form 2

About User

Contact Info & Bio

Sample Form 3 with the Icons

Sample Form 4 with the right Icons

Default Basic Forms

Form Sections

1. Customer Info:

2. Payment Info:

Quick Example

Example block-level help text here.

Different Height

Different Width

Input Addon



$ .00
With icons

With checkbox and radio inputs
With buttons

Large: .input-group.input-group-lg


Small .input-group.input-group-sm

Horizontal Form

General Elements

Help block with success
Help block with warning
Help block with error