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