Css Bootstrap 4自动布局（小型除外）

是否有可能在小型设备上堆叠元素（col-12），但在所有较大屏幕上使用自动布局？下面提到的示例不起作用。我不知道我将呈现多少列（1-6），因此无法提前“计算类”

<div class="row">
    <div class="col-12 col-md-auto">Column 1</div>
    <div class="col-12 col-md-auto">Column 2</div>
    <div class="col-12 col-md-auto">Column 3</div>
</div>

第1栏
第2栏
第3栏

只需卸下自动变速器

<div class="row">
    <div class="col-12 col-md">Column 1</div>
    <div class="col-12 col-md">Column 2</div>
    <div class="col-12 col-md">Column 3</div>
</div>

第1栏
第2栏
第3栏

只需卸下自动变速器

<div class="row">
    <div class="col-12 col-md">Column 1</div>
    <div class="col-12 col-md">Column 2</div>
    <div class="col-12 col-md">Column 3</div>
</div>

第1栏
第2栏
第3栏