Form Layouts

Basic Form

Individual form controls automatically receive some global styling.

e.g. "John Smith"
minimum six characters
e.g. "john.smith@example.com

Horizontal Form

For horizontal form add .form-horizontal to your <form>.

Bordered Form

Add .form-bordered to your horizontal form.

Bordered Form with Legend

Add .form-bordered to your horizontal form.

Authorization
Personal Data

Inline Form

Add .form-inline to your <form> for left-aligned and inline-block controls.

No Label Form

Block Styled Form