Navbar affix width issue
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<header id="header">
<div class="container" style="height:120px">
<a href="/">Hoooome</a>
</div>
</header>
<div class="container">
<nav id="nav" class="navbar navbar-default" role="navigation" data-spy="affix" data-offset-top="133">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/index.php"><span id="logoswitcher">Home</span></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown active">
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="Home">Lorem <span class="badge"><span>0</span> gemerkt</span> <b class="caret"></b></a>
<ul class="dropdown-menu scrollable-menu nav nav-pills nav-stacked">
<li><a href="#"><span class="badge pull-right" >0</span>Blaaaaaa</a></li>
</ul>
</li>
<li class="dropdown">
</li>
<li class="dropdown">
</li>
<li class="dropdown">
</li>
<li class="dropdown">
</li>
<li...
CSS
#nav.affix {
position: fixed;
top: 0 !important;
width: inherit;
//width: 1140px;
z-index:10;
padding-right:0px;
}
.affix + .row {
padding-top:73px;
}