Loading. Please Wait.

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.

Basic Elements

Individual form controls automatically receive some global styling.

Examples

A block of help text that breaks onto a new line and may extend beyond one line.

email@example.com

Checkboxes & Radios

Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

Examples


Sizing

Add the relative form sizing classes to the .input-group itself and contents within will automatically resize

Examples

Form Elements Options

Extend form controls by adding text or buttons before, after, or on both sides of any text-based input

Basic Examples

@
.00
$ .00

Validation States

To use, add .has-warning, .has-error, or .has-success to the parent element.

Validation States

Validation States with icons

@
(success)
@
(success)
@
(success)

Navbar Options

Header Layout

Sidebar Options

Content View

Footer Options

Main Color

Navbar

Sidebar