twitter-bootstrap - 通过图像在包装器中自动隐藏自动高度和宽度

Question

我想自动隐藏图像的高度HTML:

<div class="category-thumbnail">
   <img class="img-responsive" src="http://www.thedeadtrees.com/wp-content/uploads/2012/10/linkin-park-environmental-efforts.jpg" alt="">
      <div class="opacity">
        <b>Jam Wanted</b>
        <p class="description">Boleh</p>
      </div>
</div>

和CSS:

.category-thumbnail{
border: 1px solid red;
border-bottom: 8px solid red;
height: 250px;

}

在我的本地电脑上，宽度成功但高度仍然溢出我的完整代码在这里:https://jsfiddle.net/dedi_wibisono17/19tsojvz/

谢谢你

Answer 1

简单使用“溢出:隐藏；”类别缩略图类中的属性。图像将自动隐藏。