Bootstrapでグリッドを横並びから縦並びになったとき右側を優先したい

Question

前提・実現したいこと

前提・実現したいこと
Bootstrapのグリッドシステムで左右に並んだグリッドをブレークポイントで縦並びになったとき右側を優先に上に表示するにはどのようなオーダーを設定すればよいでしょうか?

A	B

↓ブレイクポイントで縦並びになったときBを上側にしたい。

B
A

該当のソースコード

<div class="container">
	<div class="row">
		<div class="col-sm-8">
            <div class="card bg-secondary">
                <div class="card-body">
				A
                </div>
            </div>
		</div>
		<div class="col-sm-4">
            <div class="card bg-info">
                <div class="card-body">
				B
                </div>
            </div>
		</div>
	</div>
</div>

試したこと

orderを指定してみましたが横並びの時点でBが左側に来てしまい、そもそも縦並びになったときAが上側に来てしまい実現できません。

補足情報（FW/ツールのバージョンなど）

補足情報（FW/ツールのバージョンなど）
CentOS Linux release 7.8.2003 (Core)
PHP 7.3.22 (cli)
Bootstrap v4.3.1

よろしくお願いいたします。

Comments

[m.ts10806]

本件PHPとはどう関係するのでしょう。

[teigigoteatime]

失礼いたしました。
php のタグは外させていただきました。

Answer 1

row クラスの部分に flex-column-reverse flex-md-row を追加したところ希望の表示になりました。

<div class="row flex-column-reverse flex-md-row">

Answer 2

これは参考になりますでしょうか。
http://www.kimagure-weblog.net/html/bootstrap001/

Comments

[teigigoteatime]

早々のご返答ありがとうございます。
指定のサイトを見させて頂きましたが希望する挙動にはなりませんでした。
この記事では問題のコードと解決コードで「ここにサイドバー内容」が位置が入れ代わってしまっているので、上に来ているように上に来ているように見えますが、実際には右側の表示はどうしても下側に来てしまっています。

もしかしたら自分の環境が違うのかもしれません。
調べてみます。