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%
}