The .form-group
class is the easiest way to add some structure to forms.
Its only purpose is to provide margin-bottom
around a label and control pairing.
Use the .form-inline
class to to display a series of labels,
form controls, and buttons on a single horizontal row.
Use Bootstrap's predefined grid classes to align labels and groups of form
controls in a horizontal layout by adding .form-horizontal
to
the form. Doing so changes .form-groups
to behave as grid rows,
so no need for .row
.