Html 移除引导程序上边缘

我的引导布局中有以下内容：

<div class="row mt-4" id="content">
    <div class="col owl-carousel">
        <div class="slide text-center">
            <div class="innerslide">
                <h1>Registered In Total So Far</h1>
                    <p class="split-para align-middle">Total: <span id="total-registered"></span></p>
                    <p class="split-para align-middle">Durban: <span id="durban-registered"></span></p>
                    <p class="split-para align-middle">Pietermaritzburg: <span id="pmb-registered"></span></p>
            </div>
        </div>
        <div class="slide text-center">
            <div class="innerslide">
                <h1>Registered In Last Hour</h1>
                <p class="split-para">Total: <span>409</span></p>
                <p class="split-para">Durban: <span>345</span></p>
                <p class="split-para">Pietermaritzburg: <span>74</span></p>
            </div>
        </div>
    </div>
</div>

我希望这是有道理的，如果需要，我很乐意提供进一步的信息

多谢各位

编辑：解决方案只是在这里发布正确的代码，以防帮助其他人。谢谢你的帮助

@media screen and (orientation: landscape) {
  #content {
    margin-top: 0 !important;
  }
}

---

尝试使用

！重要信息

向媒体查询添加方向肖像如下：

@仅媒体屏幕和（最小宽度：650px）和（最大宽度：768px）{#内容{margin top:0；}}

首先，我必须郑重道歉，我指的是横向，而不是纵向。我尝试了上面所有的评论建议，没有任何不同。我试着添加横向定位以及！重要信息，并按照建议调整了媒体查询，但仍然没有运气。它可以工作！！使用方向和风景！在媒体查询中重要的是什么修复了它！非常感谢你们的帮助。

@media screen and (orientation: landscape) {
  #content {
    margin-top: 0 !important;
  }
}