Check & Radio

Default Checks


<div class="form-check mb-3">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
	<label class="form-check-label" for="flexCheckDefault">
		Default checkbox
	</label>
</div>
<div class="form-check">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
	<label class="form-check-label" for="flexCheckChecked">
		Checked checkbox
	</label>
</div>

Disabled Check


<div class="form-check mb-3">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminateDisabled" disabled>
	<label class="form-check-label" for="flexCheckIndeterminateDisabled">
		Disabled indeterminate checkbox
	</label>
</div>
<div class="form-check mb-3">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckDisabled" disabled>
	<label class="form-check-label" for="flexCheckDisabled">
		Disabled checkbox
	</label>
</div>
<div class="form-check">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckCheckedDisabled" checked disabled>
	<label class="form-check-label" for="flexCheckCheckedDisabled">
		Disabled checked checkbox
	</label>
</div>

Default Radios


<div class="form-check mb-3">
	<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
	<label class="form-check-label" for="flexRadioDefault1">
		Default radio
	</label>
</div>
<div class="form-check">
	<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
	<label class="form-check-label" for="flexRadioDefault2">
		Default checked radio
	</label>
</div>

Disabled Radios


<div class="form-check">
	<input class="form-check-input" type="radio" name="flexRadioDisabled" id="flexRadioDisabled" disabled>
	<label class="form-check-label" for="flexRadioDisabled">
		Disabled radio
	</label>
</div>
<div class="form-check">
	<input class="form-check-input" type="radio" name="flexRadioDisabled" id="flexRadioCheckedDisabled" checked disabled>
	<label class="form-check-label" for="flexRadioCheckedDisabled">
		Disabled checked radio
	</label>
</div>

Switches Buttons


<input type="checkbox" class="btn-check" id="btn-check" autocomplete="off">
<label class="btn btn-primary" for="btn-check">Single toggle</label>

<input type="checkbox" class="btn-check" id="btn-check-2" checked autocomplete="off">
<label class="btn btn-primary" for="btn-check-2">Checked</label>

<input type="checkbox" class="btn-check" id="btn-check-3" autocomplete="off" disabled>
<label class="btn btn-primary" for="btn-check-3">Disabled</label>

Outline Rounded Buttons


<input type="radio" class="btn-check" name="options" id="option1" autocomplete="off" checked>
<label class="btn btn-secondary" for="option1">Checked</label>

<input type="radio" class="btn-check" name="options" id="option2" autocomplete="off">
<label class="btn btn-secondary" for="option2">Radio</label>

<input type="radio" class="btn-check" name="options" id="option3" autocomplete="off" disabled>
<label class="btn btn-secondary" for="option3">Disabled</label>

<input type="radio" class="btn-check" name="options" id="option4" autocomplete="off">
<label class="btn btn-secondary" for="option4">Radio</label>

Block Buttons


<input type="checkbox" class="btn-check" id="btn-check-outlined" autocomplete="off">
<label class="btn btn-outline-primary" for="btn-check-outlined">Single toggle</label><br>

<input type="checkbox" class="btn-check" id="btn-check-2-outlined" checked autocomplete="off">
<label class="btn btn-outline-secondary" for="btn-check-2-outlined">Checked</label><br>

<input type="radio" class="btn-check" name="options-outlined" id="success-outlined" autocomplete="off" checked>
<label class="btn btn-outline-success" for="success-outlined">Checked success radio</label>

<input type="radio" class="btn-check" name="options-outlined" id="danger-outlined" autocomplete="off">
<label class="btn btn-outline-danger" for="danger-outlined">Danger radio</label>