Html 我面临Bootstrap3CSS类的问题；“缩略图”；

我希望每行有三张照片

---

您要做的是从图像URL中删除

&w=500

，这样它们可以缩放到引导网格的动态宽度，还可以将列上的类更改为

col-md-4

或

col-sm-4

，以确保图像在较小的屏幕上彼此相邻

<div class="row">
    <div class="col-md-4">
        <div class="thumbnail">
            <img src="https://images.pexels.com/photos/1714208/pexels-photo-1714208.jpeg?auto=compress&cs=tinysrgb&dpr=1">
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail">
            <img src="https://images.pexels.com/photos/2103864/pexels-photo-2103864.jpeg?auto=compress&cs=tinysrgb&dpr=1">
        </div>
    </div>
    <div class="col-md-4">
        <div class="thumbnail">
            <img src="https://images.pexels.com/photos/1476321/pexels-photo-1476321.jpeg?auto=compress&cs=tinysrgb&dpr=1">
        </div>
    </div>
</div>

要实现真正的动态一致性，您应该改为使用。

您有

，但它是

---

您说希望所有图像大小相同，但图像的比例不同。它们的像素大小为：500x333、500x750和500x375。你到底想要什么样的行为？通过为

height=500px设置“添加样式”，可以强制它们的高度和宽度相同；宽度=500px，但随后图像将被扭曲和挤压
 你是在使用一个框架，还是你自己写了css，因为现在我知道它可能是一个在另一个之上的？是的，它是引导的
.thumbnail img {
    max-height: 300px;    
}