Bootstrap 响应列到行(如 TD rowspan)?

Bootstrap responsive column to row (like a TD rowspan)?

有没有什么办法可以在大视口中从这里开始:

xs 视口中的这个:

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

这些图片显然不是按比例绘制的,但应该足以了解我正在尝试做什么。 Col 2 甚至可以高于 3、4 和 5。无论哪种方式都没有关系。

谢谢!

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

实际上 hidden-*-uphidden-*-down 类 允许您根据屏幕大小显示和隐藏元素。

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

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

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

See the bootstrap docs for more information