html - 删除引导顶部边距

Question

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

<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>

我想要实现的是将 mt-4 margin-top 行设置为 0，一旦屏幕介于某个宽度之间。我遇到的问题是，当在某些尺寸的平板电脑或手机上以横向模式查看页面时，它会将内容推到很远的位置，因为我正在为页脚行使用固定底部类。

如果屏幕处于纵向模式并且处于该宽度，我想要做的是删除该边距。如果我理解正确，请使用 Responsinator。当横向宽度在 667px 和 736px 之间时会发生这种情况。

这基本上是我想要实现的目标：

我已尝试使用以下代码，但似乎没有什么不同：

@media (min-width: 650px) and (max-width: 768px) {
    #content {
        margin-top: 0;
    }
}

我希望这是有道理的，如果需要，我很乐意提供更多信息。

谢谢你。

编辑：解决方案只是在这里发布正确的代码，以防它帮助别人。感谢您的帮助！

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

标签： htmlcsstwitter-bootstraplayout