title: bootstrap navbar-brand responsive ness issue
body: <p>I have the following <a href="http://jsfiddle.net/yZMhw/" rel="nofollow">js fiddle</a>. It works perfectly fine, however the issue is that on mobile version/width the navbar becomes two lines (just try resizing the window smaller). How can I make the navbar height the same size on mobile and desktop version?</p>
  
  <p>Here's the navbar code:</p>
  
  <pre><code> &lt;div class="navbar-header"&gt;
                 &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;/button&gt;
  
  
                &lt;a class="navbar-brand nav-title-logo" href="{{ url_host }}{{ path('ShopiousMainBundle_homepage') }}"&gt;  &lt;/a&gt;
  
             &lt;/div&gt;
  </code></pre>