CSS。无法在响应版本中设置边距

Question

我尝试在响应版本中为div设置边距，但不适用。为什么？无法理解。

CSS-Bootstrap 4。 页脚固定在底部。

Link here.

Answer 1

您获得了以下html代码：

<nav class="navbar navbar-expand-lg navbar-dark bg-custom line-bottom nav-responsive fixed-top mt-5" >
    <div class="container">
    .........
    .........
    </div>`
</nav>

问题在于mt-5类的定义

.mt-5{
    margin-top: 3rem !important;
}

除非您用另一个具有margin-top: 0rem !important;的css类覆盖它，否则您将始终将3rem作为边距顶部

或者您可以从导航中删除mt-5类。

Answer 2

CSS元素已针对响应版本解决了该问题：

@media (min-width: 481px) and (max-width: 767px) {

#content-slider {
    height: 130vh !important;
}
}