Bootstrap 4 form-check alignment with horizontal label

Created by: migliori

Vertical alignment between a main horizontal label and checkboxes or radio is wrong.

The main label has the .col-form-label class, which adds a padding-top: padding-top: calc(.375rem + 1px)

The radio buttons have no padding top, so they're too high.

I made this pen to show the issue: https://codepen.io/migli/pen/yPKbwL

The pen also includes a simple css proposal to resolve it.