iPhone上的twitter-bootstrap導航欄徽標和折疊菜單問題

Question

我在使用帶有導航徽標的圖像徽標的引導導航欄時遇到問題。 問題是在iPhone上打開時折疊菜單上的問題。 看起來像這樣：

這是我網站的鏈接 。 這是我在導航欄上處理圖像徽標的方式：

<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; 從引導它工作得很好。 我不確定這是否可行。

Answer 1

那么添加類似的東西

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