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 © 2024 DesignReset, All rights reserved.

Coded with