如何在移动设备中查看Bootstrap网格中的布局？

Question

我使用bootstrap和new来设计网站，

我在bootstrap

中使用了两列大小为6的列

|| Col-1 || Col-1 || [Web View]

|||||||||||
|| Col-1 ||
|||||||||||
|| Col-2 ||
||||||||||| [Mobile View]

But i want in mobile to be 

|||||||||||
|| Col-2 ||
|||||||||||
|| Col-1 ||
||||||||||| [Mobile View][What i wanted]

参考：http://www.pluralsight.com/

Answer 1

您可以使用Pull + Pull执行此类操作。

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<hr>
<div class="container text-center">
  <div class="row">
    <div class="col-sm-6 col-sm-push-6">
      <div class="alert alert-info">2</div>
    </div>
    <div class="col-sm-6 col-sm-pull-6">
      <div class="alert alert-danger">1</div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

vanburenx是对的，只需记住按照您希望在移动设备上显示的顺序对HTML进行编码。然后推/拉更大的布局。