Html 拆下上边缘引导4导航栏

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

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

在您的

home.css

文件中

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

移除<代码>最小高度：750px或如果无法删除，请使用

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

---

行中的行，为什么？问题中删除了-如果看不到正在使用的其他CSS，很难说有点疏忽。但是，通常我希望“nav”元素是nav的父容器。如果您有一个指向页面的链接或一个JSFIDLE，这将使故障排除更加容易。