Orlando Logo

Forms

Aliquam erat volutpat. in vitae gravida sem. praesent nec fermentum erat.

Alerts. Warn your users!

01

Basic Example. Just a normal form

02

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. Inline option

03

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.


Other behaviors. There are a lot of other options

04







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

Accent Color

Dropdown Style

Body Layout

Background Pattern