我正在尝试添加3个不同的页边空白顶部，一个在移动屏幕上，一个是在ipad上，另一个在桌面视图上。到目前为止，我已经使用了mt-3，但它在所有视口中都提供了相同的边距。
对不同的设备使用网格大小，在下面的例子中，我对移动设备使用sm，对ipad使用md，对桌面使用lg
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<div class="mt-sm-5 mt-md-4 mt-lg-3"></div>