我的大多数编码问题通常都可以通过在此处搜索轻松解决(因此这是我的第一篇文章),但对于这个问题我找不到答案。
我使用 w3 教程制作了一个简单的 Bootstrap 网格。
我有 A、B、C 列。A 列只有 1 个元素(谷歌地图),B 列和 C 列各有 4 行(我们称它们为 B1-B4 和 C1-C4):
What I have made (large screen)
当我调整浏览器窗口大小时使其变成移动屏幕大小时,它只显示 1 列,顺序为 A、B1-B4、C1-C4。
我想要的是将列重新排序为 A、B1、C1、B2、C2、...、B4、C4
如果有人有解决方案,或者可以指出正确的方向,我将不胜感激。
提前致谢。
最佳答案
如果不使用最少的 Javascript,则无法在纯 Bootstrap 3 中对列进行重新排序。
一种解决方法是使用 hidden-sm
以包含两倍数据为代价隐藏列, hidden-md
, hidden-lg
和 hidden-xs
根据设备隐藏列的类 as explained here .
关于css - 重新调整大小时 Bootstrap 重新排序列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47370816/