Form Layouts

Example form layout for top aligned and right aligned forms. Right aligned forms utilize the .form-horizontal class and have a margin of 8px beneath each .form-group whereas the default margin is 16px.

Top aligned

Example

Right aligned

Right aligned forms use the grid for structure and .form-horizontal for a wrapper class and .control-label on the labels.

Example

Legend

Right aligned forms that have legend only have the legend left aligned and the label and input stack normally. .form-horizontal and .control-label are not needed in this form variation.

Example
Fieldset legend
Fieldset legend

Example
Fieldset legend
Fieldset legend