gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

navbar is fully responsive and does not wrap

Browse Source
This commit is contained in:
Michael Q Larson
2014-12-30 13:15:22 -08:00
parent 4ede5662b9
commit dc9296146e
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/main.less
View File

@ -224,6 +224,14 @@ ul {
} }
} }
.navbar-right {
@media (max-width: 991px) and (min-width: 767px) {
position: absolute;
right:0;
margin-right: 10px;
white-space: nowrap;
}
}
.navbar { .navbar {
white-space: nowrap; white-space: nowrap;
} }

11
views/partials/navbar.jade
View File

@ -1,12 +1,11 @@
nav.navbar.navbar-default.navbar-fixed-top.nav-height nav.navbar.navbar-default.navbar-fixed-top.nav-height
.container .container
.navbar-header .navbar-header
if user button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') span.sr-only Toggle navigation
span.sr-only Toggle navigation span.icon-bar
span.icon-bar span.icon-bar
span.icon-bar span.icon-bar
span.icon-bar
a.navbar-brand(href='/') a.navbar-brand(href='/')
img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg') img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg')
.collapse.navbar-collapse .collapse.navbar-collapse