PRO Tip: You don't have to remember all these classes. Just use our drag & drop editor.
Try Demo
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
