States Colors

States

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

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

<div class="form-check form-check-primary form-check-inline">
    <input class="form-check-input" type="checkbox" id="form-check-disabled" disabled="">
    <label class="form-check-label" for="form-check-disabled">
        Disabled
    </label>
</div>

<div class="form-check form-check-primary form-check-inline">
    <input class="form-check-input" type="checkbox" id="form-check-checked-disabled" checked="" disabled="">
    <label class="form-check-label" for="form-check-checked-disabled">
        Checked and Disabled
    </label>
</div>

Colors

<div class="form-check form-check-primary form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-primary" checked="">
    <label class="form-check-label" for="form-check-primary">
        Primary
    </label>
</div>

<div class="form-check form-check-info form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-info" checked="">
    <label class="form-check-label" for="form-check-info">
        Info
    </label>
</div>

<div class="form-check form-check-success form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-success" checked="">
    <label class="form-check-label" for="form-check-success">
        Success
    </label>
</div>

<div class="form-check form-check-danger form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-danger" checked="">
    <label class="form-check-label" for="form-check-danger">
        Danger
    </label>
</div>

<div class="form-check form-check-secondary form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-secondary" checked="">
    <label class="form-check-label" for="form-check-secondary">
        Secondary
    </label>
</div>

<div class="form-check form-check-warning form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-warning" checked="">
    <label class="form-check-label" for="form-check-warning">
        Warning
    </label>
</div>

<div class="form-check form-check-dark form-check-inline">
    <input class="form-check-input" type="checkbox" value="" id="form-check-dark" checked="">
    <label class="form-check-label" for="form-check-dark">
        Dark
    </label>
</div>

Copyright © 2024 DesignReset, All rights reserved.

Coded with