两列引导页面，带有重新排序和嵌套列

Question

我正在尝试实现两列布局，可以在这里看到：

https://www.bootply.com/nvbAWqnaC9

我使用'hidden- *'类来重新排序列，但我想知道是否有更好的方法来实现相同的布局？

另外，考虑到..我理解如果右列垂直长于左列，左侧浮动将中断布局。我不希望情况永远如此，但如果有一个简单的解决方案，我将不胜感激。