在媒体查询中移动文本答案

【问题标题】：move text in media queries在媒体查询中移动文本
【发布时间】：2019-11-08 12:35:13
【问题描述】：

我想在媒体查询中移动一个 h1 元素和一个 h2 元素。在大屏幕上，我知道元素彼此相邻，但是当您在打电话时，我希望元素彼此堆叠。请帮忙！！附言。我使用引导程序

<div class=" startpage-text mx-auto text-center d-flex just  justify-content-center ">
            <h1 class="name m-5 p-2 align-items-center col-sm text-center text-light ">Philip Lagergren Ydehed</h1>
            <h2 class="m-4 align-items-center col-sm text-center text-light info">Studerande inom webbutveckling fullstack på
                Nackademin</h2>

        </div>

【问题讨论】：

标签： html twitter-bootstrap responsive-design media-queries

【解决方案1】：

请使用以下代码。它适用于移动设备。

<div class=" row startpage-text mx-auto text-center d-flex just  justify-content-center col-xs-12 ">
   <h1 class="name m-5 p-2 align-items-center col-sm text-center text-light col-xs-12">Philip Lagergren Ydehed</h1>
   <h2 class="m-4 align-items-center col-sm text-center text-light info col-xs-12">Studerande inom webbutveckling fullstack på Nackademin</h2>
</div>

【讨论】：