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

Question

我在所有其他网页上使用的主要布局页面。以下引导程序导航栏标题的图像始终显示在左侧。我希望它显示在中心。我曾试图使用<div class="text-center">...</div>，但没有誓言。我使用ASP.NET Core和VS2015，默认安装了Bootstrap 3.0并进行了配置。但是这个问题可能对所有Bootstrap用户都是通用的：

<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/

P.S除非您提供表格数据，否则应避免使用表格。