html - 屏幕最小化后更改网格的位置

Question

请问在屏幕最小化时是否可以改变网格位置？

比如正常的布局是这样的

 _________    __________
|  First  |  |  Second  |
 ---------    ----------

然后当屏幕最小化时，是这样的

 __________ 
|  Second  |
 ----------    
 __________ 
|   First  | 
 ----------

不知道能不能实现，谢谢你的提前

Answer 1

你在谈论媒体查询。你应该在这里看看MediaQueries

<div class="container">
    <div class="row flex-column-reverse flex-md-row">
        <div class="col-md-3">
            First
        </div>
        <div class="col-md-9">
            Second
        </div>
    </div>
</div>

适用于Bootstrap 4。

另一个例子

https://codepen.io/anon/pen/yXOZZV