Labels for checkboxes & radio buttons don't align properly (vertically) using Bootstrap Reboot

Using Bootstrap Reboot the labels for either checkboxes or radio buttons don’t align vertically properly with the elements.

Example code:

<form>
  <fieldset>
    <div>
      <label>
        <input type="checkbox" value="" />
        Check this checkbox
      </label>
    </div>
    <div>
      <label>
        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="" />
        Option one is this and that
      </label>
      <label>
        <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />
        Option two is something else that's also super long to demonstrate the wrapping of these fancy form controls.
      </label>
      <label>
        <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled="" />
        Option three is disabled
      </label>
    </div>
  </fieldset>
</form>

Tested on

• Chrome 64.0.3282.186 (Official Build) (64-bit)
• macOS 10.12.6

---

EDIT: I think it’s better to align the labels to the middle of the checkbox/radio button?

[MR-T77]

So, the easiest way to solve this is downgrade to Bootstrap 3.?

[patatero]

Codepen demo: https://codepen.io/anon/pen/NYKevX

Tested on : Bootstrap Reboot v4.0.0 Chrome 65.0.3325.146 (Official Build) (64-bit) macOS 10.12.6