是否可以确定哪个 div 首先出现在移动版本上？

Question

很抱歉，如果我的问题看起来很奇怪，我费了很多力气才找到一个好的方法来问这个问题。 我目前正在尝试将您所拥有的图像放入 HTML 中，但我不知道是否可以设置一列（或多个 div）以便它们对齐，但是当我切换到移动设备时设备，列（或几个 div）出现在末尾，而不是从左侧的 div 之间。我做了一些尝试，但没有出现任何好的结果，而且我还不太习惯 Twitter 的 Bootstrap

提前谢谢你

Answer 1

http://codepen.io/anon/pen/WwewBR

使用 Flexbox 及其 order 属性的一种超级肮脏的方式。

Answer 2

您可以尝试将左侧的 div 放入容器中

Answer 3

这是我使用 Twitter 的 Bootstrap 的方法。浏览器从上到下读取页面。因此，在调整浏览器大小后使用该排列，可以使右侧的列位于前两列和后两列之间。希望这会有所帮助。

<div class="container">
    <div class="col-md-8">
        <div class="thumbnail">Col 1</div>
        <div class="thumbnail">Col 2</div>
    </div>
    <div class="navbar-right col-md-4 thumbnail">
        Long Column<br>
        Long Column<br>
        Long Column<br>
        Long Column<br>
        Long Column<br>
        Long Column<br>
    </div>
    <div class="col-md-8">
        <div class="thumbnail">Col 3</div>
        <div class="thumbnail">Col 4</div>
    </div>
</div>