Forms

You know what forms are, right? Well… we have them. We have a lot of them!

Alerts

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

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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 FIELDS

VALIDATION STATES

FORM SIZES











HELP TEXT

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