删除上边距引导4导航栏

Question

我的bootstrap 4导航栏有问题 - 我需要删除导航栏上方出现的空白区域，但我无法理解为什么它不起作用。渲染时看起来如下：

默认情况下它会在这个空格中添加，是否有人知道我在这里做错了什么？

代码如下：

<div class="row site-hero d-flex align-items-center justify-content-center">
        <div class="col navbar-row w-100">
            <nav class="navbar navbar-dark navbar-expand-md nomergy-nav">
                <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                 </button>
                 <a class="navbar-brand" href="#"><img height="30" src="/themes/nomergy/assets/images/2018/logo.png"> 
                 </a>
                 <a class="nav-link mob-profile" href="/login">
                    <i class="far fa-user nav-link"></i>
                </a>
                <div class="navbar-collapse collapse" id="navbarSupportedContent" aria-expanded="false" style="height: 0px;">
                    <ul class="navbar-nav ml-auto navbar-default">
                        <li>
                            <a class="nav-link" href="/about">My Links</a>
                        </li>
                    </ul>
                 </div>
            </nav>
        </div>

Answer 1

注意： 理想情况下不使用负边距

在您的home.css文件中，

.site-hero {
    ...
    min-height:750px;
    ...
}

删除min-height:750px;或如果您无法将其删除，请覆盖使用，

.site-hero {
    min-height:auto;
}