Html 为什么引导类d-sm-none仍然在小屏幕上显示图像

我希望使用bootstrap4获得一个包含2列的行： 第一列在所有视口中的大小均为9 第二列在lg和md中的大小为3，但在sm视口中消失

我使用d-none/d-sm-none尝试了以下操作，但效果不理想

      <div class="container">
        <div class="row">
          <div class="col-lg-9 col-md-9">
              <h1>Col-1: MD-9 or LG-9</h1>
          </div>
          <div class="col-lg-3 col-md-3 d-sm-none">
            <h1>Col-2: MD-3, LG-3, SM NONE</h1>
          </div>
          </div>
        </div>

无论视口大小如何，d-none都将消失第二列 d-sm-none在lg和md处的第二列消失，但出现在sm中

这是你的电话号码

---

谢谢。

好的，我找到答案了

d-*-none/d-none用于隐藏列中的元素，而不是列本身。。所以答案是

  <div class="container">
        <div class="row">
          <div class="col-lg-9 col-md-9">
              <h1>Col-1: MD-9 or LG-9</h1>
          </div>
          <div class="col-lg-3 col-md-3">
            <h1 class="d-sm-none d-md-block">Col-2: MD-3, LG-3, SM NONE</h1>
          </div>
          </div>
        </div>

谢谢