引导响应列到行（如 TD 行跨度）？

【问题标题】：Bootstrap responsive column to row (like a TD rowspan)?引导响应列到行（如 TD 行跨度）？
【发布时间】：2016-03-03 04:21:27
【问题描述】：

有没有什么办法可以在大视口中实现这一点：

在 xs 视口对此：

或者这是否超出了 BS 网格系统的范围 - 不需要重新生成内容以包含嵌套网格？

这些图像显然不是按比例绘制的，但应该足以让我了解我想要做什么。 Col 2 甚至可以高于 3、4 和 5。无论哪种方式都无所谓。

谢谢！

【问题讨论】：

【解决方案1】：

完成此操作的一种方法是使用 2 个布局，这样您就可以控制每个屏幕尺寸的布局/内容。

hidden-*-up 和hidden-*-down 类有效地允许您根据屏幕大小显示和隐藏元素。

您可以在一组 div 中定义大屏幕：

<div class="hidden-xs-down">
  <!-- layout for large screens -->
</div>
<div class=".hidden-sm-up">
 <!-- layout for xs screens -->
</div>

缺点，你需要维护2个布局，优点是你可以完全控制。

【讨论】：