Bootstrap 4 custom radio form labels

652 Views Asked by At

I've got a problem with my Bootstrap 4.0 (Stable) form. I want to add a label to my radio buttons but its not formatting prob.

<div class="form-check form-check-inline">
    <label class="form-check-label">Test</label>
    <div class="form-check form-check-inline">
        <input class="form-check-input" type="radio" value="ja" id="handicapped-ja" name="handicapped">
        <label class="form-check-label" for="handicapped">Ja</label>
    </div>
    <div class="form-check form-check-inline">
        <input class="form-check-input" type="radio" value="nein" id="handicapped-nein" name="handicapped">
        <label class="form-check-label" for="handicapped">Nein</label>
    </div>
</div>

In Bootstrap 4.0.0-alpha.6 you could do that with span and custom-controls. In 4.0 Stable its not working anymore. Is there a new way i cant find in the doku to do that?

BSP:

<label class="custom-control custom-radio">
    <input id="mixed0" name="cat" type="radio" class="custom-control-input" value="0">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description">No</span>
</label>
0

There are 0 best solutions below