Radio Buttons aren't perfectly centered

[Christian Oliff]

https://coliff.github.io/bootstrap-ie11/tests/#checks

[Christian Oliff]

Can be fixed by adjusting the position of the SVG background:

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4.2 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

[Christian Oliff]

This solution is less code:

.form-check .form-check-input {
  margin-top: 0.27em;
  margin-left: -1.4em;
}