Twitter bootstrap 3 具有重新排序和嵌套列的两列引导页面

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

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

---

另外，供考虑。。我知道如果右栏的垂直长度大于左栏，左栏的浮动将破坏布局。我不希望出现这种情况，但如果有一个简单的解决方案，我会很感激听到它。

如果你描述一下你想要什么，我可能会帮助你。谢谢你的回复。这是一个类似于我所追求的布局。在平板电脑上，布局将保持不变。在手机上，产品图片将排在第一位，然后是右边的前3个部分。在这之后，左栏的其余部分紧跟右栏的其余部分。使用上述网站上的inspector，只需复制顺序和标记即可。看起来很容易。