Form Elements

Form Design different form elements


Registration Form Click to validate

M: F:

Skiing
Running
Eating
Sleeping


validate form

Form Basic Elements different form elements


Form Buttons Sessions

Text areasSessions


Form Input Grid form input

Form Design different form elements


Horizontal labels

Using the grid system you can control the position of the labels. The form example below has the col-md-10 which sets the width to 10/12 and center-margin which centers it.

Vertical labels

For making labels vertical you have two options, either use the apropiate grid .col- class or wrap the form in the form-vertical class.

Inline Form

For making labels vertical you have two options, either use the apropiate grid .col- class or wrap the form in the form-vertical class.

Gentelella Alela! a Bootstrap 3 template by Kimlabs. | Gentelella Alela!