Javascript 等于卡片中div容器的高度

我需要做同样高度的卡片。 我不是指卡片本身，我是指卡片中的容器

我的代码是这样的

.card文本{
边框：1px纯色浅灰色；
}

布拉布拉
bla

bla
布拉布拉
布拉布拉

您可以使用flexbox和属性对齐项。 看到这个了吗

.card文本{
边框：1px纯色浅灰色；
}
.卡片{
身高：100%
}
.卡体{
显示器：flex；
柔性流动：柱；
}
.卡片文本{
柔性生长：1；
}

布拉布拉
bla

bla
布拉布拉
布拉布拉

为什么不使用.card-deck而不是.card-group？ 比如： 它是为拥有不同的卡片而设计的，所有卡片都具有相同的高度。

---

它们还将扩展sourrounding.row元素。

等高是什么意思？您的标记内部有一个中断，这就是为什么它在DOM中被分配了更多空间，如果您不希望它占用更多空间，请删除中断或在CSS中设置最大高度？没有CSS属性来均衡不共享父元素的元素之间的高度。-你需要Javascript。用CSS设置高度可以解决问题。你能更明确地说明你想要做什么吗？答案已经在这里了：卡片组没有响应。引导程序应该删除它们。更好地将我的解决方案用于FlexBox：

.card-group {
  display: flex;
  align-items: stretch;
}
.card {
  height: 100%;
  border: 1px solid black
}