Bootstrap 4 如何仅在sm屏幕下方更改列大小，并在其余屏幕大小上恢复默认列行为？-引导程序4

请帮帮我，我遗漏了什么。我想有第12列大小的sx和sm屏幕大小只有，和自动大小的屏幕大小的其余部分。更具体地说，我想要md屏幕和更高版本的

class=“col”

以及sm和更低版本的

class=“col-12”

的行为。但是如果一旦我使用了

class=“col-sm-12”

我不知道如何恢复

class=“col”

提供的行为，

class=“col-md-auto”

具有不同的效果。代码如下：

<div class="row h-25">
    <div class="col bg-secondary border">wrong on sm</div>
    <div class="col bg-secondary border">wrong on sm</div>
    <div class="col bg-secondary border">wrong on sm</div>
    <div class="col bg-secondary border">wrong on sm</div>
    <div class="col bg-secondary border">wrong on sm</div>
  </div>
  <div class="row h-25">
    <div class="col-sm-12 col-md-auto bg-secondary border">wrong expect on sm</div>
    <div class="col-sm-12 col-md-auto bg-secondary border">wrong expect on sm</div>
    <div class="col-sm-12 col-md-auto bg-secondary border">wrong expect on sm</div>
    <div class="col-sm-12 col-md-auto bg-secondary border">wrong expect on sm</div>
    <div class="col-sm-12 col-md-auto bg-secondary border">wrong expect on sm</div>
  </div>

关于sm的错误
关于sm的错误
关于sm的错误
关于sm的错误
关于sm的错误
对sm的错误期望
对sm的错误期望
对sm的错误期望
对sm的错误期望
对sm的错误期望