从右到左堆叠水平

Question

我正在为我的投资组合使用BootStrap 3 Framework

我正在尝试在类col-md-6的部分中创建2列。问题是，当网站响应时，我希望右侧列首先堆叠而不是左侧。那我该怎么做呢？

Answer 1

  

从另一个答案收集

文档：grid-column-ordering

col-md-push-6将＆＃34;推送＆＃34;右边6列和col-md-pull-6将＆＃34;拉＆＃34;左边的列＆＃34; md＆＃34;或更大的视口。在任何较小的视口上，列将再次按正常顺序排列。

我认为是什么让人们失望，就是你必须在你的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>

view-port＆gt; = md

|A|B|

view-port＆lt; MD

|B|
|A|

参考：bootstrap-right-column-on-top-on-mobile-view

Answer 2

提示：对于额外的小型设备也使用col-xs-6。