Bootstrap 响应列到行(如 TD rowspan)?
Bootstrap responsive column to row (like a TD rowspan)?
有没有什么办法可以在大视口中从这里开始:
xs 视口中的这个:
或者这是否超出了 BS 网格系统的范围 - 是否必须重新生成内容以包含嵌套网格?
这些图片显然不是按比例绘制的,但应该足以了解我正在尝试做什么。 Col 2 甚至可以高于 3、4 和 5。无论哪种方式都没有关系。
谢谢!
完成此操作的一种方法是使用 2 种布局,这样您就可以控制每个屏幕尺寸的 layout/content。
实际上 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个布局,优点,你可以完全控制。
有没有什么办法可以在大视口中从这里开始:
xs 视口中的这个:
或者这是否超出了 BS 网格系统的范围 - 是否必须重新生成内容以包含嵌套网格?
这些图片显然不是按比例绘制的,但应该足以了解我正在尝试做什么。 Col 2 甚至可以高于 3、4 和 5。无论哪种方式都没有关系。
谢谢!
完成此操作的一种方法是使用 2 种布局,这样您就可以控制每个屏幕尺寸的 layout/content。
实际上 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个布局,优点,你可以完全控制。