Html 是否可以重新定位a<；部门>；使用引导进入另一个？

我目前正在使用bootstrap的网格系统进行定位的登录页上工作，桌面视图的布局如下所示：

|h1 |--------------------p|

|钮扣|

“移动视图”的外观如下所示：

|h1|

|p|

|钮扣|

由于网格的原因，h1和按钮位于1个div中，而p位于它自己的div中

简单的解决方案是根据断点设置隐藏的div，但我试图避免这种情况。我曾尝试使用

order

类将内容与页面上的其他元素一起移动，但鉴于父对象是网格中的两个对象，而不是它们的子对象，这是行不通的。我也可以用JS做这件事，但我也希望避免这样做

<section class="test">
        <div class="container">
            <div class="test--content row justify-content-lg-center text-lg-left">
                <div class="test--cta col-12 col-lg-5">
                    <h1>Headline</h1>
                    <div class="button main">CTA</div>
                </div>
                <div class="contact--text col-12 col-lg-5">
                    <p>Content</p>
                </div>
            </div>
        </div>
    </section>

大字标题
CTA
内容

---

正如我所提到的，使用CSS和JS的解决方案非常清晰，但由于我几乎没有使用Bootstrap，我很想知道，如果不使用上述解决方案，这是可能的，或者是否有一种方法可以使用Bootstrap实现这一点。

必须在两列上都添加Bootstrap order类。如果第一个列具有order-2，则第二个列必须具有order-1类。另外，看看这个may可以帮你@Sim1-81。这就是为什么我觉得订单解决方案可能不是这个特定实例的最佳解决方案。我只是想再次检查一下，除了隐藏div和DOM操作之外，是否还有其他解决方案。没有引导是最难的，最简单的方法是使用引导4.x网格系统（CSS），否则必须使用Javascript或jQuery，另一个解决方案是使用PHP检查设备，以发送不同的HTML输出