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

Coded with