Max-Height无法在CSS中用于Bootstrap站点

Question

我正在使用Freelancer theme并尝试使用max-height属性限制投资组合图片的高度。为了做到这一点，我给了投资组合图片第二类添加属性，同时不会无意中改变其他类似的东西：

<img src="img/portfolio/someimagename.jpg" class="img-responsive" class="img-portfolio" alt=""> 

我转到我的css文件中添加属性如下：

.img-portfolio {
    max-height: 227px 
}

但是我的图像没有受到影响，仍然有不同的高度。我做错了什么？

Answer 1

您以错误的方式添加第二个类。这个你应该如何添加第二个类：

<img src="img/portfolio/someimagename.jpg" class="img-portfolio img-responsive" alt="">

然后，您可以使用CSS分别定位两个类，即.img-portfolio和.img-responsive。

您目前只在代码中首先显示<img>的一个类的代码，即img-responsive，这就是.img-portfolio的CSS不是＆＃的原因39;工作。