Как выровнять этот логотип с помощью бутстрапа?

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> 

I попытался заменить этот код со следующими

<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

Используйте встроенный 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> 

Выход:

Answer 2

Попробуйте 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>