remove padding from first-child of inline radios/checkboxes

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index e928bb6d1e052caa993bdbd7ebc7ded31175ee15..1b572090c94bde8e44bb0ffc49a80eb5a1ddd2c2 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -596,6 +596,9 @@ input[type="hidden"] {
 .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
   margin-left: 10px;
 }
+.controls > .radio.inline:first-child, .controls > .checkbox.inline:first-child {
+  padding-top: 5px;
+}
 input, textarea {
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

diff --git a/less/forms.less b/less/forms.less
index b0daeb034eecb3ef9ee9e9cc665799b7131e0931..69ddbcac93a375c6aa3bd45f562e67d24365f0c6 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -175,6 +175,11 @@ input[type="hidden"] {
 .checkbox.inline + .checkbox.inline {
   margin-left: 10px; // space out consecutive inline controls
 }
+// But don't forget to remove their padding on first-child
+.controls > .radio.inline:first-child,
+.controls > .checkbox.inline:first-child {
+  padding-top: 5px; // has to be padding because margin collaspes
+}