Html 如何创建两个高度相等的引导行，调整大小时它们必须堆叠

我使用了以下CSS和HTML，我的列高度相等，但在以较小分辨率查看时不再堆叠：

@media only screen and (min-width: 960px) {
    .row-eq-height {
        display: flex;
    }
}

。行均衡器高度{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
}

HTML
这是左侧列的一个示例
这是右侧列的一个示例

希望这有帮助。当屏幕宽度小于断点时，需要添加媒体查询以使列宽为100%

760px可以根据所需的屏幕大小而变化。参考css网格框架，比如bootstrap

 @media screen and (max-width: 760px) {
    .col-lg-6 {
       width: 100%;
    }
 }

。行均衡器高度{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
柔性包装：包装；
}
.col-lg-6{
显示器：flex；
宽度：50%；/**包含在所有列的引导css中*/
}
.内容{
显示器：flex；
弯曲方向：立柱；
填充：1em；
}
@媒体屏幕和（最大宽度：760px）{/*这包括在引导css中*/
.col-lg-6{
宽度：100%；
}
}

HTML
这是左侧列的一个示例
这是右侧列的一个示例。这是右侧列的一个示例。这是右侧列的一个示例。这是右侧列的一个示例。

显示：flex

使内容显示为列。将该规则放入媒体查询中，使其仅在分辨率较大时激活：

@media only screen and (min-width: 960px) {
    .row-eq-height {
        display: flex;
    }
}

---

注意。不清楚您使用的是哪个版本的引导：如果您使用的是版本4，默认情况下，所有行的高度都应该相等。因此，您可以将

.row eq height

更改为

.row

谢谢各位，我非常感谢你们的帮助。没问题-如果我（或其他人）的答案解决了您的问题，请将其标记为已接受：）