如何使用引导程序重新排序列

时间:2017-01-19 16:15:30

标签: twitter-bootstrap

我需要在小型设备上重新排序我的列。我正在尝试使用self.env.uidcol-sm-push,但这不起作用,我不明白为什么。

col-sm-pull

有什么问题?

谢谢

1 个答案:

答案 0 :(得分:1)

推送md屏幕尺寸。推拉在它们并排时起作用,而在屏幕为xs时则不然。

您必须在xs屏幕上设置所需的顺序,并使用推拉式设置md尺寸屏幕



<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row no-margin white max-width">
  
  <div class="col-xs-12 col-sm-12 col-md-6 no-padding col-md-push-6">
    <div class="image">
      B
    </div>
  </div>
  <div class="col-xs-12  col-sm-12 col-md-6 no-padding col-md-pull-6">
    <div class="item">
      <div class="title">
      </div>
      <div class="info">
        A
      </div>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;