Inline checkbox and radio text vertically misaligned on Firefox

[hackel]

As seen in the first image below from your own documentation (http://getbootstrap.com/css/#inline-checkboxes-and-radios), checkboxes and radios are not properly aligned with their labels. I believe this is due to the 4px top margin applied here: https://github.com/twbs/bootstrap/blob/master/less/forms.less#L54 In the second image, I disabled this margin, and they are aligned properly.

I'm running Firefox 44, but have seen this issue on previous Firefox versions for quite some time.

Edit: Also, when toggling that margin off in Chrome, the checkboxes get misaligned in the opposite way.

[cvrebert]

@hackel Could you please re-test against the latest code in the master branch?

[hackel]

I am still seeing it on master.

[cvrebert]

As of Bootstrap v3.3.6 and Firefox 44.0a2 on OS X, the labels seem to be aligned reasonably well:

I'm happy to reopen this if you can point out a case where the alignment is still bad.

[cvrebert]

X-Ref: #15791, #13936

[hackel]

Ah, okay, I am seeing #15791. I don't use any proprietary operating systems so I can't say how it performs on them, but it's definitely still present in v3.3.6 on GNU/Linux/Xorg-based operating systems. Not seeing it on Firefox 43 on Android/Linux at least!