Bootstrap изображение не реагирует

Question

Я попробовал несколько решений, но я не могу получить изображение (PNG), чтобы реагировать ...

Мой HTML:

<img src="images/hobby_cars.png" alt="" class="img-responsive hobbies" /> 

Мой CSS:

.hobbies { 
    padding-top: 3%; 
    margin-left: 1%; 
    margin-right: 1%; 
    display: inline-block; 
} 

Спасибо

Answer 1

Я установил ширину на моем CSS, и он работает! макс-ширина

.hobbies { 
    padding-top: 3%; 
    margin-left: 1%; 
    margin-right: 1%; 
    display: inline-block; 
    width: 10%; 
} 

Answer 2

Добавить в IMG

img.hobbies { 
max-width:100% 
}