demo image

FORMS

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

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.

Our Awesome Clients

More than 5,000 customers trust us from around the world, and felt happy with our five stars services!


About Master

Lorem Ipsum is simply dumy text of the printing and typing setting and industry Lorem Ipum has been the industry's standard dummy text un ever member since the 1500s.

Subscribe to Our Newsletter!

Subscribe to our weekly newsletter to receive the latest freebies in your inbox!

Accent Color

Body Layout

Background Pattern