2016-05-12 101 views
0

下面是我的可摺疊導航欄的引導代碼。一切似乎都很好,除非我調整我的窗口的大小時,根據「最小寬度」包含的內容顯示合併的窗口。但是,如果我試圖增加超過1100像素的「最小寬度」,徽標和鏈接之間的空間會擴大。有想法該怎麼解決這個嗎?我只是希望可調整的導航欄在我調整窗口大小後立即出現。 PS的標誌是navbar品牌,我在css中添加了圖像。修復引導摺疊導航欄寬度

<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

讓您的編碼上的jsfiddle這樣做,我可以看看 –

+0

還向我道歉,我不知道如何使用的jsfiddle – RagnaLugria

回答

0

也可以共享代碼,包括徽標部分。
如果你不能。
然後嘗試給
{
float:left;
}
的標誌部分
說明:
標誌可能被收購的區域。

+0

.navbar品牌{ \t填充頂:20px的; \t background:url(../ images/logo.png); \t background-repeat:no-repeat; \t height:50px; \t width:260px; } – RagnaLugria

+0

sry向左浮動不起作用 – RagnaLugria