在手机上更改引导列

Zobo

大家好,我的页面有2个列,每个列中都有一个框。

[6][6]
 a  b
 a  b
 a  b

如何更改订单以:

a
b
a
b
a
b

可能吗?我只希望在移动设备上使用。这是我的页面结构:

<div class="row">
  <div class="col-md-6">
    <div>a</div>
    <div>a</div>
  </div>
  <div class="col-md-6">
    <div>b</div>
    <div>b</div>
  </div>
</div>
dfsq

我认为您当前的HTML结构是不可能的。但是,如果可以更改结构,则可以使用网格类来定位xs设备:

<div class="row">
    <div class="col-sm-6">
        <div>a</div>
    </div>
    <div class="col-sm-6">
        <div>b</div>
    </div>
</div>
<div class="row">
    <div class="col-sm-6">
        <div>a</div>
    </div>
    <div class="col-sm-6">
        <div>b</div>
    </div>
</div>
<div class="row">
    <div class="col-sm-6">
        <div>a</div>
    </div>
    <div class="col-sm-6">
        <div>b</div>
    </div>
</div>

演示: http //plnkr.co/edit/j2oHBuJUi1FWmiugy0nr?p = info

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章