#### States

Default
Checked
Disabled
Checked and Disabled

    <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

Primary
Info
Success
Danger
Secondary
Warning
Dark

    <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>