【发布时间】：2016-06-23 06:45:37
【问题描述】：
我正在为我的投资组合使用 BootStrap 3 框架
我正在尝试在一个部分中创建 2 列，其中的类为 col-md-6。问题是当网站响应时，我希望右侧列首先堆叠，而不是左侧列。那我该怎么做呢？
【问题讨论】：
-
使用引导程序中可用的 Push & Pull 选项。
【发布时间】：2016-06-23 06:45:37
【问题描述】：
从另一个答案中收集
col-md-push-6 会将列“推”到右侧 6，而 col-md-pull-6 将在“md”或更大的视口上将列“拉”到左侧。在任何较小的视口上，列将再次按正常顺序排列。
我认为让人们失望的是，您必须在 HTML 中将 B 放在 A 之上。可能有一种不同的方法可以做到这一点，其中 A 可以在 HTML 中高于 B，但我不知道该怎么做......
<div class="row">
<div class="col-md-6 col-md-push-6">B</div>
<div class="col-md-6 col-md-pull-6">A</div>
</div>
视口 >= md
|A|B|
视口 |B|
|A|
【讨论】：
-
非常感谢您的帮助
提示：对于超小型设备也可以使用col-xs-6。
【讨论】：
-
@EugeneS 根据 SE 指南，这不应该是评论。