Html 引导v4.4.1 d-md-none在大屏幕上隐藏项目

我使用引导v4.4.1卡在大屏幕上显示3张卡，在中屏幕上隐藏和显示2张卡。我使用

d-md-none

类在md屏幕上隐藏第三张卡，但它在所有屏幕上隐藏第三张卡

不知道我做错了什么

<div class="container  mt-5">
  <div class="row">
    <div class="col-xl-4 col-md-6">
        <div class="card" >
          <img src="images/trophy.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

          </div>
        </div>
    </div>

        <div class="col-xl-4 col-md-6">
        <div class="card" >
          <img src="images/trophy.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          </div>
        </div>
    </div>

        <div class="col-xl-4 d-md-none">
        <div class="card" >
          <img src="images/trophy.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          </div>
        </div>
    </div>

  </div>
</div>

卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

---

添加类

d-none d-lg-block

<div class="col-xl-4 d-none d-lg-block">

---

因此我们必须将两者结合使用。。。我以为不是这样