Bootstrap 4 автоматическое расположение, кроме малого

Question

Можно ли размещать элементы друг на друге (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>

Answer 1

Просто убери авто

<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>