bootstrap导航栏品牌响应问题

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