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

Normal Input
Help Text
A block of help text that breaks onto a new line and may extend beyond one line.
Placeholder
Disabled Input
Textarea
Static Control

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

Checkboxes & Radios
Option one is this and that—be sure to include why it's great
Option two is disabled
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option three is disabled
Inline Checkboxes
One Two Three
One Two Three
Select
Multiple Select
Checkboxes with Helpers
Checkbox with Success
Checkbox with Warning
Checkbox with Error

#### Sizing

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

Examples

Column Sizing
Large Label
Default Label
Small Label

#### 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

Basic Examples

with Dropdowns

Segmented Buttons

#### Validation States

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

Validation States

Input with Success
Input with Warning
Input with Error

Validation States with icons

Input group with Success
@
(success)
Input group with Warning
@
(success)
Input group with Error
@
(success)

Navbar Options

Show/Hide Fixed

Header Layout

Show/Hide

Sidebar Options

Show/Hide
Fixed Aside

Content View

Footer Options

Show/Hide Fixed

Main Color

Primary
Info
Success
Warning
Danger

Navbar

Dark
Light
Like Main Color

Sidebar

Dark
Light
Like Main Color