You know what forms are, right? Well... we have them. We have a lot of them!


Basic Example

Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.

Example block-level help text here.

Inline Form

Add .form-inline to your <form> for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.

Horizontal Form

Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form. Doing so changes .form-groups to behave as grid rows, so no need for .row.

Other behaviors

Disabled input

Disabled fieldset

Validation States

Form Sizes

Help Text

A block of help text that breaks onto a new line and may extend beyond one line.
Copyright 2014 © createIT. All rights reserved -

Accent Color

Body Layout

Background Pattern