我有一个像这样的引导页面：
<div class="row">
<div class="col-md-6">
A
</div>
<div class="col-md-6">
B
</div>
</div>
好像：
-----
|A|B|
-----
因此，如果我在移动设备上查看它，A 列位于顶部，但我希望 B 列位于顶部。
这可能吗？
我尝试了推拉，但没有成功。
Use 列排序 https://getbootstrap.com/docs/3.4/css/#grid-column-ordering来实现这一目标。
col-md-push-6会将列“推”到右侧 6 并且col-md-pull-6会将列“拉”到“md”或更大视口的左侧。在任何较小的视口上，列将再次按正常顺序排列。
我认为是什么让人们望而却步是你必须在 HTML 中将 B 放在 A 之上。可能有一种不同的方法来做到这一点，其中 A 可以在 HTML 中位于 B 之上，但我不知道该怎么做......
DEMO http://jsfiddle.net/SchmalzyB/bpEFe/1/
<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|
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
