Bootstrap 4 如何在引导中使列的高度相等?

Bootstrap 4 如何在引导中使列的高度相等?,bootstrap-4,Bootstrap 4,我在这里也问过类似的问题,但我不能让我的柱子高度相等。我也在谷歌上查过类似的问题 我还尝试了这些解决方案,在这里可以找到cna: 我使用的是bootstrap4。为什么这里的柱子高度不相等 这是代码 #证明-1-块{ 填充顶部:35px; 垫底:35px; } .证明容器{ 背景色:#dff1f4; 填充:20px; 边界半径:4px; 位置:相对位置; } .证明容器{ 宽度:90px; 高度:90px; 边界半径:50%; 边缘顶部:20px; } .证明容器.证明名称{ 填充顶部:20

我在这里也问过类似的问题,但我不能让我的柱子高度相等。我也在谷歌上查过类似的问题

我还尝试了这些解决方案,在这里可以找到cna:

我使用的是bootstrap4。为什么这里的柱子高度不相等

这是代码

#证明-1-块{
填充顶部:35px;
垫底:35px;
}
.证明容器{
背景色:#dff1f4;
填充:20px;
边界半径:4px;
位置:相对位置;
}
.证明容器{
宽度:90px;
高度:90px;
边界半径:50%;
边缘顶部:20px;
}
.证明容器.证明名称{
填充顶部:20px;
}
.证明容器.证明名称h4{
字体大小:20px;
字号:500;
文本转换:大写;
}
.推荐职位{
字体:斜体;
字体大小:13px;
颜色:rgba(0,0,0,5);
}
.推荐明星i{
颜色:#f8a23c;
字体大小:15px;
}
.推荐文本p{
文本对齐:居中;
填充顶部:15px;
}
.推荐性引语{
内容:'';
位置:绝对位置;
顶部:10px;
左:25px;
字体大小:40px;
颜色:#ffffff;
}

乔安娜·柯比
数字营销者

Lorem ipsum,dolor sit amet Concertetur Adipising Elite。莫莱斯蒂亚斯·杜西莫斯·马约雷斯·普雷森!自由的建筑设计师porro dicta eum。我认为这是一个最大的时间限制。建筑设计师porro dicta eum。时间最长的地方

乔安娜·柯比 数字营销者

Lorem ipsum,dolor sit amet Concertetur Adipising Elite。莫莱斯蒂亚斯·杜西莫斯·马约雷斯·普雷森!自由的建筑设计师porro dicta eum。我认为这是一个最大的时间限制

乔安娜·柯比 Lorem ipsum,dolor sit amet Concertetur Adipising Elite。莫莱斯蒂亚斯·杜西莫斯·马约雷斯·普雷森!自由的建筑设计师porro dicta eum。我认为这是一个最大的时间限制


只需将类align items stretch添加到您希望在一行中具有相同高度的所有列中即可


只需增加高度:100%你就能得到你想要的输出

.testimonial-container {
    background-color: #dff1f4;
    padding: 20px;
    border-radius: 4px;
    position: relative;
    height:100%; // Here to add the height.
}

.col-sm-4{height:2px;}您可以将.commential容器的高度声明为100%,这样它将始终是父元素的完整高度。因为这些div包含在中,所以只需将高度设置为100%!这条路能帮你吗?