Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/jsf/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导:缩略图的高度相等(理想情况下使用flex)_Twitter Bootstrap_Flexbox - Fatal编程技术网

Twitter bootstrap 引导:缩略图的高度相等(理想情况下使用flex)

Twitter bootstrap 引导:缩略图的高度相等(理想情况下使用flex),twitter-bootstrap,flexbox,Twitter Bootstrap,Flexbox,我用的是bootstrap,我想让我的箱子计算出最高的一排,然后为所有的箱子选择那个高度。现在我想我应该可以用flex来做这件事,但我还没有让它工作 HTML: 这似乎使行变得很长、很细,并且大量断开…尝试将其添加到CSS中 .thumbnail img:hover {transform: scale(1.1);} .thumbnail img {transition: all 0.3s ease 0s; width: 100%} 您可以设置缩略图大小,并且图像应缩放以适合 .cont

我用的是bootstrap,我想让我的箱子计算出最高的一排,然后为所有的箱子选择那个高度。现在我想我应该可以用flex来做这件事,但我还没有让它工作

HTML:


这似乎使行变得很长、很细,并且大量断开…

尝试将其添加到CSS中

    .thumbnail img:hover {transform: scale(1.1);}
.thumbnail img {transition: all 0.3s ease 0s; width: 100%}
您可以设置缩略图大小,并且图像应缩放以适合

.content {
    display: flex
}
.content .thumbnail{
    flex:1;
}
    .thumbnail img:hover {transform: scale(1.1);}
.thumbnail img {transition: all 0.3s ease 0s; width: 100%}