bootsrtrap4のメディアクエリmarginが動作しない

Question

解像度によってマージンを変更したいです。
下記のようなコードを書きましたが、my-md-1が効きません。
my-5が上書きしているのかと思い、順番を変えたり削除したりしても表示が変わることがありません。
なぜmy-md-1は動作しないのでしょうか？

該当のソースコード

<ul class="list-inline mb-0">
  <li class="list-inline-item mx-1 my-md-1 my-5">
    <span>hoge</span>
  </li>
  <li class="list-inline-item mx-1 my-md-1 my-5">
    <span>hoge</span>
  </li>
  <li class="list-inline-item mx-1 my-md-1 my-5">
    <span>hoge</span>
  </li>
  <li class="list-inline-item mx-1 my-md-1 my-5">
    <span>hoge</span>
  </li>
</ul>

Comments

[hatena19]

提示のコードだけだとmy-md-1はちゃんと効いてます。
ブラウザは何で確認してますか。

[退会済みユーザー]

992px以上の幅で表示しているから、とか？ https://getbootstrap.jp/docs/4.5/layout/overview/