rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
Prevents an odd alignment issue in mobile views by forcing the nav
links to be full width without undoing the float.
This commit is contained in:
Mark Otto 2013-06-20 17:15:09 -07:00
parent 82f9de9459
commit ef8e5853cb
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/assets/css/bootstrap.css vendored
View File

@ -3481,6 +3481,10 @@ button.close {
background-color: transparent; background-color: transparent;
} }
.navbar-nav.pull-right {
width: 100%;
}
.navbar-static-top { .navbar-static-top {
border-radius: 0; border-radius: 0;
} }
@ -3709,6 +3713,7 @@ button.close {
} }
.navbar-nav.pull-right { .navbar-nav.pull-right {
float: right; float: right;
width: auto;
} }
.navbar-toggle { .navbar-toggle {
position: relative; position: relative;

7
less/navbar.less
View File

@ -48,6 +48,12 @@
color: @navbar-link-disabled-color; color: @navbar-link-disabled-color;
background-color: @navbar-link-disabled-bg; 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 { &.pull-right {
float: right; float: right;
width: auto;
} }
} }