css - 宽度为移动设备/iPad 大小时的 div 定位

<分区>

我有一个 jsfiddle 举个例子。

<div class="col-md-8" style="background-color:lavender;">COL-MD-8</div>
<div class="col-md-4" style="background-color:lavenderblush;">COL-MD-4</div>

当屏幕的宽度很宽并且两个 div 彼此相邻时，它应该是这样的。但是当屏幕宽度很窄时，“col-md-4”会跳到另一个屏幕下方，我想在宽度较窄时将它放在“col-md-8”之上。我怎样才能做到这一点？

因此，当宽度较宽时，它应该位于 col-md-8 的正确位置，但当宽度较窄时，它应位于另一个 div 的顶部而不是底部。

最佳答案

<div class="row">
    <div class="col-md-4 col-md-push-8 col-xs-12">first</div>
    <div class="col-md-8 col-md-pull-4 col-xs-12">second</div>
</div>

像这样，“first”将在大屏幕上位于该行的第二部分，而在较小的屏幕上将位于顶部。

关于css - 宽度为移动设备/iPad 大小时的 div 定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36011834/

相关文章：

javascript - d'n'd 后动态更改 css 文件中的位置属性