Bootstrap CSS class .flex-xxl-row

    <div class="d-flex flex-column flex-xxl-row bg-secondary p-1"">
        <div class="p-3 bg-primary">1</div>
        <div class="p-3 bg-info">2</div>
        <div class="p-3 bg-warning">3</div>
        <div class="p-3 bg-primary">4</div>
    </div>