Bootstrap导航栏标题 - 如何居中图像

Question

我有一个主要的布局页面用于所有其他页面。以下引导程序导航栏标题具有始终显示在左侧的图像。我希望它显示在中心。我试过使用<div class="text-center">...</div>，但没有vail。我正在使用带有VS2015的ASP.NET Core，默认情况下已安装并共享Bootstrap 3.0。但这个问题可能是通用于所有引导用户：

<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

刚刚摆脱所有不必要的容器，并添加text-center到navbar

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

的jsfiddle：https://jsfiddle.net/azizn/ctrppwLe/

PS您应该避免使用除非你正在呈现表格数据。