Fixes twbs#11658: Increase min-height of .radio and .checkbox for hor…

…izontal forms to ensure alignment of content below
20111564 · Dec 1, 2013 · 48269dc · 48269dc
1 parent 841da88
commit 48269dc
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
@@ -2209,6 +2209,11 @@ textarea.input-lg {
   margin-bottom: 0;
 }
 
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 27px;
+}
+
 .form-horizontal .form-group {
   margin-right: -15px;
   margin-left: -15px;

diff --git a/dist/css/bootstrap.min.css b/dist/css/bootstrap.min.css
diff --git a/less/forms.less b/less/forms.less
@@ -350,6 +350,12 @@ input[type="checkbox"],
     margin-bottom: 0;
     padding-top: (@padding-base-vertical + 1); // Default padding plus a border
   }
+  // Account for padding we're adding to ensure the alignment and of help text
+  // and other content below items
+  .radio,
+  .checkbox {
+    min-height: @line-height-computed + (@padding-base-vertical + 1);
+  }
 
   // Make form groups behave like rows
   .form-group {