引导响应列到行(如TD行跨)?

时间:2016-03-03 04:21:27

标签: twitter-bootstrap grid-system

有没有办法可以在大型视口中使用:

enter image description here

在xs视口:

enter image description here

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

图像显然不是按比例绘制的,但它应该足以让我了解我正在尝试做的事情。 Col 2甚至可以高于3,4和5.两种方式无关紧要。

谢谢!

1 个答案:

答案 0 :(得分: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个布局,这是你完全掌控的优势。

See the bootstrap docs for more information