2016-05-12 17 views
0

unten ist mein Bootstrap-Code für meine kollabierbare Navbar. Alles scheint in Ordnung zu sein, außer wenn ich die Größe meines Fensters ändere, erscheint das kollabierte Bild basierend auf dem, was die "minimale Breite" enthält. Wenn ich jedoch versuche, die "minimale Breite" über 1100 px zu erhöhen, vergrößert sich der Abstand zwischen dem Logo und den Links. Irgendwelche Ideen, wie das zu beheben ist? Ich will nur die kollabierbare Navbar erscheinen, sobald ich die Fenstergröße anpassen. PS das Logo ist die Navbar-Marke, ich habe das Bild in CSS hinzugefügt.Bootstrap wurde behoben navbar Breite

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" data-spy="affix" data-offset-top="50"> 
<div class="container"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="s_home.html"></a> 
    </div> 
    <div class="collapse navbar-collapse" id="collapse" style="min-width:1100px"> 
    <ul class="nav navbar-nav navbar-right links"> 
     <li><a href="#featured">About</a></li> 
     <li><a href="#mission">Software & Web Developer</a></li> 
     <li><a href="#services">Game Development</a></li> 
     <li><a href="s_art_design.html">Arts & Designs</a></li> 
     <li><a href="#testimonials">Contact Us</a></li> 
    </ul>   
    </div> 
</div> 

min-width:1100px

min-width:1400px

+0

Ihre Get-Codierung auf jsfiddle getan, damit ich –

+0

einen Blick kann ich ich weiß nicht entschuldigen müssen, wie jsfiddle – RagnaLugria

Antwort

0

können Sie den Code einschließlich der Logo-Sektion auch teilen.
wenn Sie nicht können.
dann versuchen
{
float:left;
}
das Logo Abschnitt
Erklärung geben:
das Logo des Bereichs seinen Erwerb könnte.

+0

.navbar-Marke verwenden { \t padding-top: 20px; \t Hintergrund: URL (../ images/logo.png); \t Hintergrund-Wiederholung: keine Wiederholung; \t Höhe: 50px; \t Breite: 260px; } – RagnaLugria

+0

sry Float nach links funktioniert nicht – RagnaLugria