fixes #9798: update spacing on checkboxes and radios for horizontal

dist/css/bootstrap.css

@@ -1884,9 +1884,13 @@ textarea.input-lg {
 }
 
 .form-horizontal .control-label,
+.form-horizontal .radio,
+.form-horizontal .checkbox,
 .form-horizontal .radio-inline,
 .form-horizontal .checkbox-inline {
   padding-top: 7px;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 .form-horizontal .form-group {

less/forms.less

@@ -326,21 +326,28 @@ input[type="checkbox"],
 // Horizontal forms are built on grid classes and allow you to create forms with
 // labels on the left and inputs on the right.
 
-.form-horizontal .control-label,
-.form-horizontal .radio-inline,
-.form-horizontal .checkbox-inline {
+.form-horizontal {
+
+  // Consistent vertical alignment of labels, radios, and checkboxes
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline {
+    margin-top: 0;
+    margin-bottom: 0;
     padding-top: (@padding-base-vertical + 1); // Default padding plus a border
-}
+  }
 
-.form-horizontal {
+  // Make form groups behave like rows
   .form-group {
     .make-row();
   }
-}
 
-// Only right align form labels here when the columns stop stacking
-@media (min-width: @screen-tablet) {
-  .form-horizontal .control-label {
+  // Only right align form labels here when the columns stop stacking
+  @media (min-width: @screen-tablet) {
+    .control-label {
       text-align: right;
     }
+  }
 }