bootstrap navbar-brand responsive ness issue

Question

我有以下js fiddle。它工作得很好，但问题是在移动版本/宽度上导航栏变成两行（只是尝试调整窗口的大小）。如何在移动和桌面版本上使导航栏高度相同？

这是导航栏代码：

 <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="{{ url_host }}{{ path('ShopiousMainBundle_homepage') }}">  </a>

           </div>

Answer 1

尝试使用此CSS

  .navbar {
    max-height: 50px; 
}

DEMO