2013-12-15 46 views
1

我在使用具有導航欄上溢出的圖像標誌的引導程序導航欄時遇到問題。問題出現在iPhone上打開的摺疊菜單上。它看起來是這樣的:iPhone上的twitter-bootstrap navbar-logo和摺疊式菜單問題

enter image description here

這裏的link到我的網站。以下是我如何處理導航欄上的圖像徽標:

<div class="navbar navbar-default navbar-fixed-top brandon-grotesque-bold"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 


    <a class="navbar-brand nav-title-logo" href="http://test.com/"> </a> 

    </div> 

    <div class="navbar-collapse in" id="navbar-collapse" style="height: auto;"> 
    <ul class="nav navbar-nav navbar-left"> 
     <li> 
     <a href="/"> 
      Home 
     </a> 
     </li> 
     <li> 
     <a href="/tentang-kami"> 
      Apaan sih ni? 
     </a> 
     </li> 
     <li> 
     <a href="/cara-bergabung"> 
      Mau gabung? 
     </a> 
     </li> 
     <li> 
     <a href="/faq"> 
      Faq 
     </a> 
     </li><li> 
     <a href="/contact"> 
     Contact Us 
     </a> 
    </li> 
    </ul> 

    <ul id="registerCart" class="nav navbar-nav navbar-right"> 
     <li> 
     <a href="#" class="popup register">Register</a> 
     </li> 
     <li class="divider-vertical"></li> 
     <li> 
     <a href="#" class="popup signin">Login</a> 
     </li> 
    </ul> 
    </div> 
</div> 

我正在使用徽標的背景圖像。有想法該怎麼解決這個嗎?看來,當我刪除:webkit-box-sizing:border-box;從bootstrap它工作得很好。我不確定這是否應該走。

回答

0

關於添加類似

.navbar-collapse { 
    min-width: 100px; 
} 
什麼