Html Bootstrap 4列排序移动与桌面

我想在mobile上归档以下cols订单： 桌面上的颜色和顺序：

使用此HTML：

    <div class="row portitems">

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_1.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_2.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_3.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-12 portcol promocol col-md-pull-2">
            <div class="innerpromo">
                <h2>Need an experienced stylist?</h2>
                <a href="#" class="mybtn white"><svg><use xlink:href="#icon-chevron-right" /></svg> Contact me</a>
            </div>
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_1.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_2.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_3.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

    </div>

需要有经验的设计师吗？

手机秀还不错，但在桌面上我可以看到 4匹， 2匹， 1个全宽列， 4匹

---

有人知道如何在桌面上进行适当的排序吗？

您希望桌面上有3列还是4列？桌面上有4列