Navbar verstecken Text in Bootstrap

Question

Ich habe das Problem, dass der Text hinter dem Balken versteckt, wie im Bild unten.

Code Toggle Navigation megamenu

<div class="collapse navbar-collapse js-navbar-collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="dropdown mega-dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a> 

     </li> 
      </ul> 

     </div> 
     <!-- /.nav-collapse --> 
     </nav> 
    </div> 

Ich hoffe, dass mir jemand helfen kann.

Grüße.

Answer 1

Lassen Sie mich raten, Sie haben eine navbar-fixed-top Klasse auf Ihrer Navbar.

Die feste Navigationsleiste hat eine feste Position, die jedes Element überlagert.

Die Navigationsleiste selbst hat eine Breite von 50 Pixel.

Was neige ich dazu, mit festen BS navbar in meinen Anwendungen zu tun, ist die folgende:

body { 
    margin-top: 50px; 
} 

nicht der Körper sein muss, aber die wesentliche Idee ist Ihre Inhalte zu wickeln und es nach unten drücken 50px .

bearbeiten

OP hinzugefügt seinen Code und obwohl die navbar nicht navbar-fixed-top ist, ist das Problem das gleiche.