我的大多数编码问题通常都可以通过在这里搜索来轻松解决（因此这是我的第一篇文章）但是对于这个问题我只能找不到答案。
我使用w3教程制作了一个简单的引导网格。
我有A，B，C列。列A只有1个元素（谷歌地图），B列和C列各有4行（让他们称之为B1-B4和C1-C4）： / p>
What I have made (large screen)
当我调整浏览器窗口的大小以使其变成移动尺寸屏幕时，它按A，B1-B4，C1-C4的顺序显示1列。
我想要的是将列重新排序为A，B1，C1，B2，C2，...，B4，C4
如果有人有解决方案，或者可以指出我正确的方向，我将非常感激。
提前致谢。
答案 0 :(得分：0)
您无法在不使用最少Javascript的情况下对纯Bootstrap 3中的列重新排序。
一种解决方法可能是隐藏列，代价是使用hidden-sm，hidden-md，hidden-lg和hidden-xs类来包含两倍的数据，以根据设备as explained here。
答案 1 :(得分：0)
您可以使用flexbox排序来设置子元素的顺序，无论您喜欢什么。因此，如果你想要A，B1，C1，B2，C2，你可以将A设置为1，B1设置为2，C1设置为3，依此类推。
但是，假设您有一个B或C的未知/无限数量的项目，您可以将B和C包装在Flex容器中，并在那里设置顺序，然后在其中设置单个项目的顺序。
更好的是，开始使用CSS Grid，它是flexbox的继承者。我对CSS Grid没有太多经验，但看起来你可以定义顺序，就像flexbox一样。
