Individual form controls automatically receive some global styling. All textual
.form-controlare set to
width: 100%;by default. Wrap labels and controls in
.form-groupfor optimum spacing.
Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding
.form-horizontalto the form (which doesn't have to be a
<form>). Doing so changes
.form-groupsto behave as grid rows, so no need for