1. Urora
  2. Forms
  3. Form Elements

Form Elements

General Form

Form controls flavored by Material Design for Bootstrap customizations such as bmd-label-floating.

We'll never share your email with anyone else.

Inline Forms

Use the .form-inlineclass to to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms behave differently:

Form controls

Textual form controls—like<input>s,<select>s, and <textarea>s—are styled with the .form-controlclass.

We'll never share your email with anyone else.
This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.

Bootstrap Form

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

We'll never share your email with anyone else.

Bootstrap Form controls

Textual form controls—like<input>s,<select>s, and <textarea>s—are styled with the .form-controlclass.

Horizontal Form

complex layouts can also be created with the grid system.

Column Sizing

Browser Defaults

First name
Last name
Username
@
City
State
Zip

Input Group

Place one add-on or button on either side of an input. You may also place one on both sides of an input. We do not support multiple form-controls in a single input group and<label >s must come outside the input group.

@
@example.com
Your vanity URL
https://example.com/users/
$
.00
With textarea

Multiple Addons And Button Addons

Multiple add-ons are supported and can be mixed with checkbox and radio input versions.

$0.00
$0.00
ActionAnother actionSomething else here Separated link
ActionAnother actionSomething else here Separated link