Défilement apparaît près du bouton réduit dans la barre de navigation bootstrap

Question

J'écris un site Web sensible en utilisant bootstrap, mais quand j'essaye de redimensionner la fenêtre, le bouton d'effondrement de la barre de navigation n'est pas apparu. Au lieu de cela, il fait un défilement à côté de lui.

Screenshot:

<section class="first" > 
 
     <div class="layer"></div><span class="icon-bar"></span> 
 
     <nav class="navbar navbar-default navbar-fixed-top conta"> 
 
    <div class="container"> 
 
    <!-- 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" aria-expanded="false"> 
 
     <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 list" href="#">Brand</a> 
 
    </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 role="presentation"><a href="#" class="list">First Item</a></li> 
 
         <li role="presentation"><a href="#" class="list">Second Item</a></li> 
 
         <li role="presentation"><a href="#" class="list">Third Item</a></li> 
 
        </ul> 
 
    </div><!-- /.navbar-collapse --> 
 
    </div><!-- /.container-fluid --> 
 
</nav>

Answer 1

Le code Snippet ne se réplique pas votre problème, mais dans votre CSS vous pouvez essayer:

.navbar-header { 
    overflow:hidden !important; 
}