html - 删除上边距 bootstrap 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;
}