保持图像高度相同

我正在使用Bootstrap 3网格。不幸的是,CMS不允许我使用Bootstrap4。目前,我无法链接到页面,因此问题可能很难回答。

这是该行在CMS中的外观:

enter image description here

The max-width is 1200px. So the problem is that everytime I add a column, each image is not filling out the column. In this example I set a height on 255px on all columns, but the first column is much higher.

当我在JSfiddle中查看代码时,它看起来很正常

See jsfiddle here

因此,它一定是CMS中正在执行的操作吗?有什么线索我可以照看吗?

最好的祝福

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

.padding-y {
    padding: 20px;
    background-color: #fff;
}
<div class="section padding-y">
        <div class="row">
            <div class="col-sm-4">
                <img src="http://placehold.it/348x255">
            </div>
            <div class="col-sm-2">
                <img src="http://placehold.it/233x255">
            </div>
            <div class="col-sm-2">
                <img src="http://placehold.it/233x255">
            </div>
            <div class="col-sm-2">
                <img src="http://placehold.it/233x255">
            </div>
            <div class="col-sm-2">
                <img src="http://placehold.it/233x255">
            </div>
        </div>
    </div>
评论