Bootstrap-Navigationsleiste wird bei einigen Geräten nicht richtig angezeigt

Question

Bei einigen Geräten werden die ausgeblendeten Navbar-Elemente nicht korrekt angezeigt.

Die sind wie folgt aus:

und so sein sollte:

Navbar Code:

<div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation"> 
     <div class="navbar-header"><a class="navbar-brand" href="index.htm">Index</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><a href="casameio.htm">casa do meio</a> 
       </li> 
       <li><a href="casabrava.htm">casa brava</a> 
       </li> 
       <li><a href="casavelha.htm">casa velha</a> 
       </li> 
       <li><a href="pool.htm">pool</a> 
       </li> 
       <li><a href="prijzen.htm">prijzen</a> 
       </li> 
       <li><a href="ons.htm">over ons</a> 
       </li> 
       <li><a href="activ.htm">activiteiten</a> 
       </li> 
       <li><a href="guestbook.htm">gastenboek</a> 
       </li> 
       <li><a href="omgeving.htm">kaartje</a> 
       </li> 
       <li><a href="contact.htm">contact</a> 
       </li> 
       <li><a href="links.htm">linken</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

Answer 1

Da ich noch nicht auf Fragen kommentieren , Ich möchte meine teilen Gedanken auf diese Weise:

Welche Geräte (dh welche Bildschirmgrößen) sprechen Sie? Ohne CSS ist es schwer zu sagen, warum Sie dieses Verhalten sehen. Können Sie eine funktionierende Probe zur Verfügung stellen?

Vielleicht, das hilft Ihnen:

Ändern des kollabierten mobilen navbar Unterbrechungs
Die navbar kollabiert in seine vertikale bewegliche Ansicht, wenn das Ansichtsfenster schmaler als @ grid-Float-Haltepunkt ist, und expandiert in seine horizontale nicht mobile Ansicht, wenn das Ansichtsfenster mindestens @ grid-float-breakpoint in der Breite ist. Passen Sie diese Variable in der Quelle Weniger an, um zu steuern, wann die Navigationsleiste einbricht/expandiert. Der Standardwert ist 768px (der kleinste "kleine" oder "Tablet" -Bildschirm).

von http://getbootstrap.com/components/#navbar-default

Haben Sie das Grid-System und seine Medien-Anfragen von Bootstrap im Allgemeinen? (http://getbootstrap.com/css/#grid-media-queries)