From: Mark Otto <otto@github.com>
Date: Wed, 15 May 2013 01:59:13 +0000 (-0700)
Subject: Fixes #7885 and #7886: only right align horizontal form labels when above 768px
X-Git-Tag: v3.0.0-rc1~357^2~9
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e23f661f3fc66f83cb976f8a3b7e2c627af9162d;p=thirdparty%2Fbootstrap.git

Fixes #7885 and #7886: only right align horizontal form labels when above 768px
---

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 7f1bf5cd8b..4a1324b6ba 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1700,7 +1700,12 @@ select:focus:invalid:focus {
 
 .form-horizontal .row-label {
   padding-top: 6px;
-  text-align: right;
+}
+
+@media (min-width: 768px) {
+  .form-horizontal .row-label {
+    text-align: right;
+  }
 }
 
 .btn {
diff --git a/less/forms.less b/less/forms.less
index 1735200006..dacc4bb505 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -478,6 +478,12 @@ select:focus:invalid {
   }
   .row-label {
     padding-top: 6px;
+  }
+}
+
+// Only right aline form labels here when the columns stop stacking
+@media (min-width: 768px) {
+  .form-horizontal .row-label {
     text-align: right;
   }
 }