Почему мой навигатор не является полной шириной

Question

У меня есть простой навигатор, но он отказывается идти в ширину uill шириной 12 колонок.

  <!--Mobile NAV BAR ROW--> 
    <div class="row row-nomargin"> 
     <div class="col-md-8 col-md-offset-2">     
      <nav class="navbar navbar-default navbar-left"> 
       <!-- Brand and toggle get grouped for better mobile display --> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle collapsed" 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> 
       </div> 

       <!-- Collect the nav links, forms, and other content for toggling --> 
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <ul class="nav navbar-nav navbar-right"> 
        <li class="active"><a href="/home.html">Home</a></li> 
        <li><a href="/gallery.html">Gallery</a></li> 
        <li><a href="/pricing.html">Pricing</a></li> 
        <li><a href="/aboutus.html">About us</a></li> 
        <li><a href="/contactus.html">Contact us</a></li> 
        </a></li> 
        </ul> 
       </div><!-- /.navbar-collapse --> 
      </nav> 
     </div> 
    </div> 

Его priob что-то я уже переписаны в CSS (я не должен делать это), но я не могу видеть, что

.navbar .nav > li > a { 
    color: white; 
    } 
    .navbar-default { 
     /*Overwrites bootstrap css*/ 
     box-shadow: 
     border: 0; 
     margin-bottom:0; 
     /*background-image: url('../img/navbarbackground1.png');*/ 
     font-family: 'Cooper Black'; 
     background-color: rgb(1,165,228); 
     /*background-color: rgba(0,0,0,0.0);*/ 
     /*border: 2px dashed #FFFFFF;box-shadow: 0 0 0 0px #A0785A, 2px 0px 20px 0px;*/ 
    } 

    .navbar-fixed-bottom { 
     /*Overwrites bootstrap css*/ 
     background-image: url("../img/backgroundImage.jpg"); 
    } 

    .nav-tabs{ 
     /*MFOHARE Specific css*/ 
     right: 0px; 
     color: white; 
    } 


.row-nomargin{ 
    margin: 0px; 
} 

Любые идеи Что goimng здесь - мой Navbar только по ширине ссылки на него.

Answer 1

У вас есть класс navbar-left на вашем nav элементах. navbar-left делает одну вещь:

.navbar-left { 
    float: left !important; 
} 

Так все ваше nav поплывет влево и сжиматься, чтобы соответствовать детали внутри него. Возможно, вы просто удалите этот класс, и он исправит вашу проблему.