greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

navbar is fully responsive and does not wrap

pull/5/head
Michael Q Larson 2014-12-30 13:15:22 -08:00
parent 4ede5662b9
commit dc9296146e
2 changed files with 13 additions and 6 deletions
Show Stats 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 {
white-space: nowrap;
}

11
views/partials/navbar.jade
View File

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