Bootstrap Navigation Toggle

Question

Ich habe eine Webseite mit einem Standard-Bootstrap-Header (mit einem Logo und Dropdown-Bereich) und einer Seitenleiste für die Navigation. Ich versuche, die Sidebar zusammenzufallen, wenn die Bildschirmgröße klein ist. Dafür habe ich eine Umschalttaste gedrückt, die das Menü gut zusammenfasst. Aber das Problem ist, dass selbst wenn das zusammenklappbare Menü geschlossen ist, einige Inhalte immer noch über allem liegen. Hier ist ein Screenshot, um Ihnen zu zeigen, was ich meine.

Die violette Box zeigt, dass der Inhalt auch bei geschlossenem Menü über den anderen Elementen angezeigt wird. Gibt es eine Lösung dafür? Hier ist der Code:

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a href="#side" class="btn btn-default btn-primary pull-left navbar-toggle" data-toggle="collapse"><span class="caret"></span></a> 
      <a class="navbar-brand pull-right" href="#">Company Logo</a> 
     </div> 
     <ul id="side" class="nav navbar-nav collapse visible-xs"> 
      <li><a href="#">Home</a></li> 
      <li><a href="stuff.html">Stuff</a></li> 
      <li><a href="list.html">List Example</a></li> 
      <li><a href="#">Contacts</a></li> 
      <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">User <span class="caret"> </span> </a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Profile</a></li> 
        <li><a href="#">Logout</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
    </nav> 

Answer 1

Versuchen, diese zu dem navbar-header

<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> 
      </div> 

und den sichtbaren-xs auch von dort entfernen.