A form is a collection of labels and input fields on a single page, panel or dialog. Try to keep forms as semantic as possible and consider hidden HTML tags that aid in accessibility.
Forms are an extension of Bootstrap forms. Please visit bootstrap forms to get more information on them if you don't see what you need here.
Inline forms have labels to the left of the input fields. Use the class
.form-inline on the
Using no class on the
<form> element will bring the labels above the input fields.
.row on the
<form> element and wrapping fields in a
.col-md-6 will give a two column layout.
Utilize the bootstrap class
.has-error on the
.form-group wrapper to call out errors.
Tap on the error icon to view the error message. A bootstrap popover was used and binded to the
Below are the different styles of fields. Editable, required, active, error, disabled and read-only fields. You can also disable an entire group by applying
disabled to the fieldset. Read more here.
The editable field contains a
To create specific width fields there are 5 sizes available. Use
.xlarge, .large, .medium, .small, .xsmall on the