Radio buttons

Basic examples

Темное на светлом

Светлое на темном

<div class="sf-form-check">
    <input class="sf-form-check-input" type="radio" id="inlineFormRadio100">
    <label for="inlineFormRadio100">Radio</label>
</div>

Sizing

<div class="sf-form-check">
    <input class="sf-form-check-input sf-form-check-input-lg" type="radio" id="defaultRadioLG">
    <label for="defaultRadioLG">Large</label>
</div>
<div class="sf-form-check">
    <input class="sf-form-check-input" type="radio" id="defaultRadioMD">
    <label for="defaultRadioMD">Middle</label>
</div>
<div class="sf-form-check">
    <input class="sf-form-check-input sf-form-check-input-sm" type="radio" id="defaultRadioSM">
    <label for="defaultRadioSM">Small</label>
</div>

Color Radio buttons basic

Темное на светлом

Светлое на темном

<div class="sf-form-check check-default">
    <input class="sf-form-check-input" type="radio" id="exampleRadios10-dark" value="option11">
    <label for="exampleRadios10-dark">Default</label>
</div>
<div class="sf-form-check check-primary">
    <input class="sf-form-check-input" type="radio" id="exampleRadios11-dark" value="option12">
    <label for="exampleRadios11-dark">Primary</label>
</div>
<div class="sf-form-check check-secondary">
    <input class="sf-form-check-input" type="radio" id="exampleRadios12-dark" value="option13">
    <label for="exampleRadios12-dark">Secondary</label>
</div>
<div class="sf-form-check check-success">
    <input class="sf-form-check-input" type="radio" id="exampleRadios13-dark" value="option14">
    <label for="exampleRadios13-dark">Success</label>
</div>
<div class="sf-form-check check-info">
    <input class="sf-form-check-input" type="radio" id="exampleRadios14-dark" value="option15">
    <label for="exampleRadios14-dark">Info</label>
</div>
<div class="sf-form-check check-warning">
    <input class="sf-form-check-input" type="radio" id="exampleRadios15-dark" value="option16">
    <label for="exampleRadios15-dark">Warning</label>
</div>
<div class="sf-form-check check-danger">
    <input class="sf-form-check-input" type="radio" id="exampleRadios16-dark" value="option17">
    <label for="exampleRadios16-dark">Danger</label>
</div>