← all Bootstrap classes list

Bootstrap class: .form-check

<div class="form-check">
  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
  <label class="form-check-label" for="defaultCheck1">
    Default checkbox
  </label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
  <label class="form-check-label" for="exampleRadios1">
    Default radio
  </label>
</div>

Preview

Sass source

/* _forms.scss:207 */
.form-check {
  position: relative;
  display: block;
  padding-left: $form-check-input-gutter;
}

/* _forms.scss:270 */
.form-check {
  width: 100%;
}

/* _forms.scss:311 */
.form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding-left: 0;
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _forms.scss:207 */
$form-check-input-gutter

/* _forms.scss:270 */


/* _forms.scss:311 */

More in Bootstrap Forms

Create Bootstrap 4 templates in minutes.

Try Demo Learn more

FREE Create a Bootstrap Shuffle account and get access to Tailwind Builder and Bulma Builder for FREE (save $178).