General Form Elements

Sample form 1

Personal Info


Requirements


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

$ .00
With icons


With checkbox and radio inputs
With buttons

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

Normal

Small .input-group.input-group-sm

Horizontal Form

General Elements

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