search

alademann / bootstrap

This project has been superceeded by an official Bootstrap Sass port. Please use: https://github.com/twbs/bootstrap-sass
Apache License 2.0
185 stars 29 forks source link

Navbar layout glitch #14

Closed z0mt3c closed 10 years ago

z0mt3c commented 11 years ago

Didn't have the time to look into yet but there seems to be something wrong with the dropdown navigation compared to the original tbs3:

original tbs3 example

real http://getbootstrap.com/examples/navbar-fixed-top/

sass-bootstrap example

sass http://alademann.github.io/sass-bootstrap/examples/navbar-fixed-top/

Regards

z0mt3c commented 11 years ago

I just looked into the problem and noticed the following - it concerns the following scss code:

.navbar-nav {
  margin: ($navbar-padding-vertical / 2) -$navbar-padding-horizontal;
}

Compared to less:

.navbar-nav {
  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
}

No big diff - but in case of scss the result is the following :sunny::

.navbar-nav {
  margin: -7.5px;
}

Again, compared to less:

.navbar-nav {
  margin: 7.5px -15px;
}