twitter/bootstrap — Issue #2437: Responsive navbar and body padding
Author: mindctrl
Created: 2012-03-06 21:51:34+00:00
State: open

This commit

https://github.com/twitter/bootstrap/commit/738fac18de63275fbac8e1f81d60121eff557fd3

has the unfortunate side effect of putting white space on the outsides of the responsive navbar in cases where you don't want it to be `navbar-fixed-top`.

Use case:
```

```
yadda yadda.

In this case, the navbar is still displayed at the top of the window, but is not 'fixed' to the top. It scrolls out of view, as desired. With the above commit, the navbar gets pushed in on the sides when the collapse triggers and doesn't extend to the edges, resulted in whitespace on the left and right of the navbar.
Screenshot:
![navbar shot](http://i.imgur.com/0Dia5.png)

It can be fixed a number of ways, but keeping with the style of this commit you could add a .navbar with -20px margins like so:
```
.navbar,
.navbar-fixed-top {
margin-left: -20px;
margin-right: -20px;
}
```

I'm not sure if this was intended behavior or what, but sometimes it's nice to have the navbar at the top (or anywhere extending to the edges) without it being "fixed".