Custom Control Checkbox not working without label

When ommitting the label tag in a custom-control-input, the checkbox is not showing up

<div class="custom-control custom-radio">
  <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
</div>

Sometimes one would need a styled checkbox without a label, especially when working with selection lists or tables.

[anthonyadamski]

Suggesting we reopen this. When hiding label using the “text-hide” method, checkboxes are still off centered due to the padding that exists to offset the label from the checkbox.

[cichy380]

This problem starts from Bootstrap v4.1.1 (https://github.com/twbs/bootstrap/pull/25944)

Fix empty custom-control-label alignment issue Before: https://codepen.io/anon/pen/yRdegO After: https://codepen.io/anon/pen/bmPEgX

.custom-control-label {
  vertical-align: top;
}

source: https://github.com/twbs/bootstrap/pull/27566#issue-227128125