From: Mark Otto <otto@github.com>
Date: Fri, 21 Jun 2013 00:15:09 +0000 (-0700)
Subject: Fixes #8154: enforce full width `.navbar-nav.pull-right` in mobile
X-Git-Tag: v3.0.0-rc1~250
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ef8e5853cbfc4f4babacd3527ab3eb0e4b741acc;p=thirdparty%2Fbootstrap.git

Fixes #8154: enforce full width `.navbar-nav.pull-right` in mobile

Prevents an odd alignment issue in mobile views by forcing the nav
links to be full width without undoing the float.
---

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 9379177da6..685e2e9844 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3481,6 +3481,10 @@ button.close {
   background-color: transparent;
 }
 
+.navbar-nav.pull-right {
+  width: 100%;
+}
+
 .navbar-static-top {
   border-radius: 0;
 }
@@ -3709,6 +3713,7 @@ button.close {
   }
   .navbar-nav.pull-right {
     float: right;
+    width: auto;
   }
   .navbar-toggle {
     position: relative;
diff --git a/less/navbar.less b/less/navbar.less
index 59ea92dbda..54f4b75ab3 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -48,6 +48,12 @@
     color: @navbar-link-disabled-color;
     background-color: @navbar-link-disabled-bg;
   }
+
+  // Right aligned contents
+  // Make them full width first so that they align properly on mobile
+  &.pull-right {
+    width: 100%;
+  }
 }
 
 
@@ -296,6 +302,7 @@
 
     &.pull-right {
       float: right;
+      width: auto;
     }
   }