如何在行的底部放置列？

Question

我想将灰色框放在行的底部，如下所示：

我尝试通过一些辅助类来实现，例如： .pos-relative { position: relative; }已应用于该行。 .col-bottom { position: absolute; bottom: 0; }已应用于该列。

这就是我得到的：

HTML：

<div class="row no-gutters pos-relative">
    <div class="col-lg-2 col-lg-offset-2 col-bottom">
        <div class="design-box"></div>
    </div>

    <div class="col-lg-5 col-lg-offset-3">
        <div class="second-box"></div>
    </div>
</div>

CSS：

.second-box {
    border: 0.1em solid black;
    height: 30em;
}

.pos-relative {
    position: relative;
}

.col-bottom {
    position: absolute;
    bottom: 0;
}

如果有人可以帮助我会很好。提前谢谢。