title: Bootstrap - Responsive Navbar-Brand
body: <p>Is there a way to have the brand text on the left when on a large screen, then centre when on a small screen? I'm using this atm to centre it but it uses the width so the whole bar is a link.</p>
  
  <pre><code>&lt;a href="" target="blank" class="navbar-brand"&gt;Name of App&lt;/a&gt;
  </code></pre>
  
  <p><pre></p>
  
  <code>.navbar-brand {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      text-align: center;
      margin: auto;
  }
  .navbar-toggle {
      z-index: 3;
  }
  </code></pre>
  
  <p></p>