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

Question

在大视口中是否有任何方法可以解决这个问题：

在 xs 视口对此：

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

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

谢谢！

Answer 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 个布局，优点是你可以完全控制。

有关更多信息，请参阅引导文档