Bootstrap Navbar-Header - wie das Bild zu zentrieren

Question

Ich habe eine Haupt-Layout-Seite, die auf allen anderen Seiten verwendet wird. Der folgende Bootstrap-Navigationsleiste-Header hat ein Bild, das immer auf der linken Seite angezeigt wird. Ich möchte, dass es in der Mitte angezeigt wird. Ich habe versucht, <div class="text-center">...</div> zu verwenden, aber nicht vail. Ich verwende ASP.NET Core mit VS2015, das standardmäßig Bootstrap 3.0 installiert und konfiguriert hat.

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <table><tr><td><img src="~/images/abc.gif"></td></tr></table> 
      </div> 
     </div> 
</div> 

Answer 1

einfach loszuwerden, alle unnötigen Container und fügen Sie text-center zu navbar

<div class="navbar navbar-inverse navbar-fixed-top text-center"> 
     <img src="~/images/abc.gif"> 
</div> 

jsFiddle: Aber diese Frage kann auf alle Bootstrap Benutzer generisch sein https://jsfiddle.net/azizn/ctrppwLe/

PS sollten Sie vermeiden, mit Tabellen, es sei denn, Sie präsentieren tabellarische Daten.