Form Elements

In addition to freeform text, any HTML5 text-based input appears like so.

Some value here

Note: Labels surround all the options for much larger click areas and a more usable form.

Left Label Uppercase

In addition to freeform text, any HTML5 text-based input appears like so.

Top Label

In addition to freeform text, any HTML5 text-based input appears like so.

Some value here

Note: Labels surround all the options for much larger click areas and a more usable form.

Top Label Uppercase

In addition to freeform text, any HTML5 text-based input appears like so.

Inline Form
Select Box
Sexy Checkbox, radio uniform

Note: Labels surround all the options for much larger click areas and a more usable form.

Tags Input
Input Mask
File input Uniform
FOrm Grid and alternate size form elements

Use the same .span* classes from the grid system for input sizes.

You may also use static classes that don't map to the grid, adapt to the responsive CSS styles, or account for varying types of controls (e.g., input vs. select).

@

Here's some help text

.00
Here's more help text
$ .00

Note: Labels surround all the options for much larger click areas and a more usable form.

Form ELements

In addition to freeform text, any HTML5 text-based input appears like so.

Some value here

Note: Labels surround all the options for much larger click areas and a more usable form.

Top Label form

In addition to freeform text, any HTML5 text-based input appears like so.

Note: Labels surround all the options for much larger click areas and a more usable form.

Left Label Uppercase

In addition to freeform text, any HTML5 text-based input appears like so.

Top Label Uppercase

In addition to freeform text, any HTML5 text-based input appears like so.