Loading. Please Wait.

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

Email address
Password
File input

Example block-level help text here.

Check me out

##### Inline Form

Add `.form-inline` to your form (which doesn't have to be a `<form>` ) for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.

Example

Name
Email

Example

Email address
Password
Remember me

Example

Amount (in dollars)
$
.00

##### 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 (which doesn't have to be a `<form>` ). Doing so changes `.form-groups` to behave as grid rows, so no need for `.row` .

Example

Email
Password
Remember me

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