States Colors

States

<div class="form-check form-check-primary form-check-inline">
<input class="form-check-input" type="radio" name="radio-checked" id="form-check-radio-default">
<label class="form-check-label" for="form-check-radio-default">
Default
</label>
</div>

<div class="form-check form-check-primary form-check-inline">
<input class="form-check-input" type="radio" name="radio-checked" id="form-check-radio-default-checked" checked="">
<label class="form-check-label" for="form-check-radio-default-checked">
Checked
</label>
</div>

<div class="form-check form-check-primary form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-disabled-state" disabled="">
<label class="form-check-label" for="form-check-radio-disabled-state">
Disabled
</label>
</div>

<div class="form-check form-check-info form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-disabled-checked-state" checked="" disabled="">
<label class="form-check-label" for="form-check-radio-disabled-checked-state">
Disabled Checked
</label>
</div>

Colors

<div class="form-check form-check-primary form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-primary" checked="">
<label class="form-check-label" for="form-check-radio-primary">
Primary
</label>
</div>

<div class="form-check form-check-info form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-info">
<label class="form-check-label" for="form-check-radio-info">
Info
</label>
</div>

<div class="form-check form-check-success form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-success">
<label class="form-check-label" for="form-check-radio-success">
Success
</label>
</div>

<div class="form-check form-check-danger form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-danger">
<label class="form-check-label" for="form-check-radio-danger">
Danger
</label>
</div>

<div class="form-check form-check-secondary form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-secondary">
<label class="form-check-label" for="form-check-radio-secondary">
Secondary
</label>
</div>

<div class="form-check form-check-warning form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-warning">
<label class="form-check-label" for="form-check-radio-warning">
Warning
</label>
</div>

<div class="form-check form-check-dark form-check-inline">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="form-check-radio-dark">
<label class="form-check-label" for="form-check-radio-dark">
Dark
</label>
</div>

Copyright © 2022 DesignReset, All rights reserved.

Coded with