Radios

Radios create an on/off boolean switch that can be built into array.

Default Radio

<div class="form-check form-radio m-1">
    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
    <label class="form-check-label" for="flexRadioDefault1">
        Radio Label
    </label>
</div>

Disabled Radio

<div class="form-check form-check-disabled form-radio m-1">
    <input class="form-check-input" type="radio" name="flexRadioDisabled" id="flexRadioDisabled1" disabled>
    <label class="form-check-label" for="flexRadioDisabled1">
        Radio Label
    </label>
</div>
<div class="form-check form-check-disabled form-radio m-1">
    <input class="form-check-input" type="radio" name="flexRadioDisabled" id="flexRadioDisabled2" checked disabled>
    <label class="form-check-label" for="flexRadioDisabled2">
        Radio Label
    </label>
</div>

Accessibility

Make it clear what this radio widget does for the user.

What to do with radio

DON'T

What not to do with radio

Classes

Complete list of all CSS classes for the component.

Name	Class
Default Radio	`btn btn-default`
Disabled Radio	`btn btn-disabled`