如何使用bootstrap对齐此徽标中心？

Question

我有这个页面：

link

我想在下面的图片中对齐并居中此徽标

代码HTML：

<span class="logo">
    <a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a> 
</span>

我尝试用以下

替换此代码

   <span class="img-responsive center-block">
        <a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a> 
    </span>

你能告诉我什么是错的，什么不行？ 这很简单（我想），但我意识到了问题

提前致谢！

Answer 1

尝试text-center

<span class="img-responsive text-center">
        <a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a> 
    </span>

Answer 2

使用内置的Twitter Bootstrap类col-md-offset-6来对齐徽标。如果您需要将中心设置在较小的设备中，请将md替换为xs或sm

<span class="logo col-md-offset-6">
    <a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a> 
</span>

<强>输出：