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

Example block-level help text here.

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

Example

Example

$
.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

Navbar Options

Header Layout

Sidebar Options

Content View

Footer Options

Main Color

Navbar

Sidebar