← all Bootstrap classes list

Bootstrap class: .form-group

Do not have time to learn all the Bootstrap classes?

Try drag & drop Bootstrap builder 

<form>
  <div class="form-group">
    <label for="formGroupExampleInput">Example label</label>
    <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
  </div>
  <div class="form-group">
    <label for="formGroupExampleInput2">Another label</label>
    <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
  </div>
</form>

Preview

Sass source

/* _forms.scss:175 */
.form-group {
  margin-bottom: $form-group-margin-bottom;
}

/* _forms.scss:284 */
.form-group {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 0;
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _forms.scss:175 */
$form-group-margin-bottom

/* _forms.scss:284 */

More in Bootstrap Forms