上にブートストラップ4右列

Question

私はこのようなブートストラップ4ページがあります。私は、モバイルデバイス上でそれを見ればそう

----- 
|A|B| 
----- 

：

<div class="row"> 
    <div class="col-md-8"> 
     A 
    </div> 
    <div class="col-md-4"> 
     B 
    </div> 
</div> 

がどのように見えます列Aは一番上にありますが、上にBを入れたいと思います。これは可能ですか？私はそれがプルを押すだけで試してみましたが、私はブートストラップ4に

Answer 1

ブートストラップ4では、次のクラスを使用できます。

ため、まず、注文最後のオーダー-0 - オーダー-12あなたの要素に

。 Column ordering in Bootstrap 4

Answer 2

を使用しているので、それはうまくいきませんでしたあなたはブートストラップグリッドシステムは、4つのクラスcol-xs、col-sm、col-mdを持っているこの

<div class="row"> 
    <div class="col-md-8 col-sm-8 col-xs-8"> 
     A 
    </div> 
    <div class="col-md-4 col-sm-4 col-xs-4"> 
     B 
    </div> 
</div> 

のように試してみました、col-lg。そのクラスを組み合わせることで、よりダイナミックで柔軟なレイアウトを作成できます。