Bootstrap правильный способ изменить изображение для разных видовых экранов?

Question

У меня он работает в современных браузерах, но старые браузеры, которые не поддерживают медиа-запросы, будут отображать 2 логотипа.

<img src="logo-sm.jpg" class="visible-xs-inline-block" /> 
<img src="logo.jpg" class="hidden-xs" /> 

Answer 1

использование класса img-отзывчивость, чтобы сделать изображения отзывчивыми.

<img src="logo-sm.jpg" class="img-responsive" />