html - 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