Bootstrap 4 列与多行对齐的引导布局

在Bootstrap中实现以下布局的最佳方法是什么

显然，我希望尽可能多地将其保留在引导标准和类中，但不知道当它超出典型的

容器>行

布局时如何最好地实现这一点

就目前的情况来看，我有下面这样的东西，但事实证明很难做到正确

---

使用以下标记，实际上不需要任何额外的CSS。我添加了

minheight

和一些视觉辅助工具，使它们可见，但实际上您不需要这些。除非列为空，否则在这种情况下，确实需要相应的

min height

/*实际上不需要这样做*/
[类别*=“列-”]{
最小高度：60px；
}
[class*=“col-”]：第一个孩子，.col-md-9[class*=“col-”]{
边框：1px实心#eee；
}
[class*=“col-”]：第一个子项：悬停，.col-md-9[class*=“col-”]：悬停{
背景色：#F5；
}

第1页，共2页
第2页，共2页
第1页，共3页
第2页，共3页
三分之三

根据您的回答，在对它进行了一些尝试之后，我成功地将它安装到位。不错：）@zig，我简化了一点，第二列实际上不需要两行，所以我加入了它们。干杯Cheers@tao mine场景比我最初发布的示例代码更复杂，因此我认为在我的示例中，保留为两行更容易，但我确实看到了您的简化版本在上面的工作原理-谢谢。