Basic Forms

An overview of basic form styles in containers and elements.

Floating material design form

Form styling is possible with various bootstrap containers like wells and panels. In this example it's a white well.

Floating label form Please fill out the following form below.
A longer block of help text that breaks onto a new line and may extend beyond one line.
Floating material design form prefilled

Form styling is possible with various bootstrap containers like wells and panels. In this example it's a default well

Horizontal form Please fill out the following form below.
A longer block of help text that breaks onto a new line and may extend beyond one line.
Misc forms and form layouts

Here are more variations and elements you can use in forms

Form sizes and controls When using validation on your form you want the user to get a visual representation of what actions are needed.
Input colors When using validation on your form you want the user to get a visual representation of what actions are needed.
Form input addons Due to some layout spacing you need to add padding to an element.
$
.00
@mydomain.com
@
Inline form