当两列在引导程序中的高度不等时，如何确保没有垂直间隙

Question

我有一个引导问题

想象一下，我有以下布局

<div class="col-xs-12 col-lg-8 classA">Some contents A</div>
<div class="col-xs-12 col-lg-4 classB">Some contents B</div>
<div class="clearfix col-xs-12 col-lg-8 classC>Some contents C</div>

现在如果B的内容高度大于A的内容，那么在A和C之间存在类似于下面的垂直间隙。我不希望这个差距。是的，我可以使用margin-top和所有这些东西。但是，我想知道是否有更好的选择 - 可能是flex或bootstrap或布局明智等？