我有如下 div。
<div class="row">
<div class="col-sm-12" id="first-row"></div>
<div class="col-sm-12" id="second-row"></div>
<div class="col-sm-12" id="third-row"></div>
<div class="col-sm-12" id="fourth-row"></div>
</div>
如何在移动设备上将第一行 div 与第四行 div 交换？是否可以仅使用 css？实现这一目标的最佳策略是什么，我可以使用 javascript 来实现，但想知道仅使用 css 是否可行。我正在使用引导程序 3
手机上的预期结果
<div class="row">
<div class="col-sm-12" id="fourth-row"></div>
<div class="col-sm-12" id="second-row"></div>
<div class="col-sm-12" id="third-row"></div>
<div class="col-sm-12" id="first-row"></div>
</div>