Bootstrap贴上导航栏---宽度超过容器和身体EDITED

Question

原来的帖子

我遇到了粘贴导航栏的麻烦。 当我滚动时，我的导航栏增加了宽度，超过容器和身体宽度。其实它运行在屏幕

的，这是我的HTML

<header> 
    <div class="container"> 

    <div class="encabezado row"> 
     <img class="img-responsive encabezado-pict" src="img/header.jpg"> 
    </div> 

    <!-- ===================================== --> 
    <!-- ============ NAV BAR ================ --> 
    <!-- ===================================== --> 
     <nav id="custom-bootstrap-menu" class="navbar navbar-default" role="navigation" data-spy="affix" data-offset-top="222"> 
     <div class="container-fluid"> 
      <div class="navbar-header"><a class="navbar-brand" href="#">Home</a> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 
       </button> 
      </div> 
      <div class="collapse navbar-collapse navbar-menubuilder"> 
       <ul class="nav navbar-nav navbar-left"> 
        <li class="dropdown" class="dropdown"><a href="3" class="dropdown-toggle" data-toggle="dropdown">Nosotros <b class="caret"></b></a> 
         <ul class="dropdown-menu" role="menu"> 
          <li><a href="#">Misión, Visión y Objetivos</a> 
          </li> 
          <li><a href="#">Origen Bicéfalo</a> 
          </li> 
         </ul> 
        </li> 
        <li class="dropdown" class="dropdown" class="dropdown" class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Normatividad <b class="caret"></b></a> 
         <ul class="dropdown-menu" role="menu"> 
          <li><a href="#">Ley de profesiones</a> 
          </li> 
          <li><a href="#">Reglamento a la Ley de profesiones</a> 
          </li> 
          <li><a href="#">Estatutos</a> 
          </li> 
          <li><a href="#">Código de Ética</a> 
          </li> 
         </ul> 
        </li> 
        <li class="dropdown" class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Servicios <b class="caret"></b></a> 
         <ul class="dropdown-menu" role="menu"> 
          <li><a href="#">Afiliación</a> 
          </li> 
          <li><a href="#">Bolsa de empleo</a> 
          </li> 
         </ul> 
        </li> 
        <li class="dropdown" class="dropdown" class="dropdown" class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Académicos <b class="caret"></b></a> 
         <ul class="dropdown-menu" role="menu"> 
          <li><a href="#">Certificación</a> 
          </li> 
          <li><a href="#">Café Técnico</a> 
          </li> 
          <li><a href="#">Congresos</a> 
          </li> 
          <li><a href="#">Convenios</a> 
          </li> 
         </ul> 
        </li> 
        <li class="dropdown" class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Estudiantiles <b class="caret"></b></a> 
         <ul class="dropdown-menu" role="menu"> 
          <li><a href="#">Servicio Social y Prácticas</a> 
          </li> 
          <li><a href="#">Conlami Universitario</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </div> 
     </div> 
     </nav> 
    </div> 
</header> 

这我的CSS

.affix { 

    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 1; 
    } 

    .affix + .container-fluid { 
    padding-top: 0px; 
    } 

我tryed给一个静态的宽度，但是这并不敏感。

我非常感谢。

EDITED

我发现这个问题是这样的

<div class="container"> 

之后

<header> 

我用的容器中以获得一个盒装看看我的网页标题，否则它需要一个拉伸的样子。

我注意到，当我删除taht容器，我用词缀固定导航栏适合屏幕完美（1391px）。

但是，当所述容器是存在的，固定的Navbar采用完全相同的宽度（1391px），所以导航栏用完屏幕。

你知道如何解决这个问题吗？

Answer 1

只要改变container-fluid到container我希望它会确定。