title: How to replace centered brand text in Navbar with a centered brand image in Bootstrap 3?
body: <p>I am trying to build a navbar in bootstrap 3 with a centered logo. The logo is a .svg file. I don't know how to exchange it for the "brand" text while allowing it to stay centered. Maybe someone out there has an idea. Let me know if there is anything you guys need!</p>
  
  <p>I'm using this online svg logo as an example of what I want to do because I couldn't figure out how to do my logo on jsfiddle. They used an svg html tag. I don't know exactly what the benefits of this are, but it is in the example, so be aware. </p>
  
  <p>The important part is the css. This is what makes the navbar center, when most navbars in bootstrap are floated left or right. Here is the css.</p>
  
  <pre><code>.navbar-brand {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  margin: auto;
  }
  </code></pre>
  
  <p>The text/logo fiddle:
  <a href="https://jsfiddle.net/DTcHh/12577/" rel="nofollow">https://jsfiddle.net/DTcHh/12577/</a></p>
  
  <p>The fiddle with the SVG:
  <a href="https://jsfiddle.net/DTcHh/12578/" rel="nofollow">https://jsfiddle.net/DTcHh/12578/</a></p>