画面が最小化された後にグリッドの位置を変更する

Question

画面が最小化されたときにグリッドの位置を変更することは可能ですか？画面を最小化する場合、通常のレイアウトは、この

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

のようなもので、

例えば、それはそれを行うことができる場合、私は知らないこの

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

ようになりますが、事前に感謝

Answer 1

あなたはメディアのクエリについて話しています。あなたは、ブートストラップ4ここでと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> 

作品を見てみる必要があります。あなたはこれを達成するためにcolumn orderingを使用することができます

他の例

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

Answer 2

。

body {padding-top:5rem;} 
 
.first, .second { 
 
    padding:1rem; 
 
    border: solid 1px grey; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
     <div class="second col-md-6 col-md-push-6">Second</div> 
 
     <div class="first col-md-6 col-md-pull-6">First</div> 
 
    </div> 
 
</div>