如何使容器占据整行高度，并在同一行中响应img-responsive图像

Question

我正在尝试使用bootstraps img-responsive类来制作响应式面板和所有图像面板，但其中一个面板不是图像，我无法将该容器适当缩放到它的行中另一列的高度。

这是一个包含示例代码的bootply。左上方的容器需要与容器的高度相同，并且当窗口缩小时，它应与图像成比例缩放。

编辑 - 我修复了图像上方的链接现在可见

Answer 1

我没有看到您发送的链接上的图片，所以这使得很难理解，但是你尝试过这样的事情;

.class {
max-height: 100px; /* Set this to the same px height as your images */
height: auto !important;
Width: 100%;
}

希望这有帮助。