Fix #20936 make inline checkbox/radio markup same as stacked (#20995)

* #20936 make inline checkbox/radio markup same as stacked

* tweak language and remove extra blank line in snippet

scss/_forms.scss

@@ -235,21 +235,15 @@ select.form-control-lg {
 
 // Radios and checkboxes on same line
 .form-check-inline {
-  position: relative;
   display: inline-block;
-  padding-left: 1.25rem;
-  margin-bottom: 0; // Override default `<label>` bottom margin
-  vertical-align: middle;
-  cursor: pointer;
+
+  .form-check-label {
+    vertical-align: middle;
+  }
 
   + .form-check-inline {
     margin-left: .75rem;
   }
-
-  &.disabled {
-    color: $text-muted;
-    cursor: $cursor-disabled;
-  }
 }
 
 

scss/mixins/_forms.scss

@@ -9,7 +9,6 @@
   .form-control-label,
   .col-form-label,
   .form-check-label,
-  .form-check-inline,
   .custom-control {
     color: $color;
   }