从右到左堆叠水平

时间:2016-03-09 03:27:20

标签: html css

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

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

2 个答案:

答案 0 :(得分:1)

  

从另一个答案收集

文档:grid-column-ordering

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>

view-port&gt; = md

|A|B|

view-port&lt; MD

|B|
|A|

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

答案 1 :(得分:0)

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