Bootstrap 4 关闭-引导-如何在引导工作室中对齐汉堡菜单的垂直位置

我有以下问题：我在Bootstrap Studio中使用“Clean Sky”模板创建了一个网站，因此我的网站有一个导航栏，当屏幕大小小于特定宽度时，会显示导航栏切换。当切换变得可见，我按下这个按钮，即将到来的汉堡包菜单将被捕获，一些导航栏内容将重新显示。汉堡包菜单内容不可见，应在“LEISTUNGEN”上方竖立“HOME”字样。当我尝试使其可见时，正常导航栏中的链接也会改变

按下前，屏幕显示如下内容：

这里是可见的“切割”：

我可以在CSS代码中更改什么，或者用JavaScript编写什么代码来解决这个问题

编辑

我没有找到确切的bug，我忘了我想创建一个模糊的透明导航栏和一个旋转木马，所以我使用了一些边距和填充设置。无论我做了什么更改，在重新创建webiste之后，在导航栏上没有任何边距和填充设置更改，汉堡包菜单现在可以正常工作了

导航栏代码：（除导航栏外的任何内容都在导航栏内，不要被第二行后面的缩进所愚弄）

切换导航

简单提示：通过将样式和结构拆分到单独的文件中，保持代码干净（以防此处显示的代码也仅用于示例目的）。创建一个external style.css文件并在您的头脑中链接到它

---

要解决此问题，您应该通过在浏览器中转到inspector（按F12键），检查并尝试修改项目类。您可能会发现其他一些样式声明与您的

项相冲突。
谢谢您的回答和提示。我“发现”了这个bug。当我开始创建网站时，我想要一个模糊透明的导航栏和一个引导旋转木马。所以我玩了一些边距和填充物，我想我只是删除了一些东西。但是，在没有任何边距和导航栏上的填充更改的情况下重新创建网站后，一切正常。

<nav class="navbar navbar-light navbar-expand-lg fixed-top clean-navbar" style="/*background:none;*/background-color:rgba(255,255,255,0.8);background-image:none;z-index:1000;font-family:Montserrat, sans-serif;padding:0px;margin:0px;height:70px;width:100%;">
<div class="container-fluid" style="background-color:rgba(0,0,0,0);">
    <a href="#" class="navbar-brand text-primary logo" style="color:#000000;margin-right:16px;padding-left:15px;">Neugart-GmbH</a>
    <button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler" style="margin-left:0px;margin-right:15px;font-size:20px;">
        <span class="sr-only" style="/*color:#ff0404;*/">Toggle navigation</span>
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navcol-1" style="background:none;background-color:rgba(0,0,0,0);">
        <ul class="nav navbar-nav ml-auto">
            <li role="presentation" class="nav-item" style="margin-top:0px;padding-top:0px;">
                <a href="index.html" class="nav-link text-primary" style="color:#000000;font-size:13px;">Home</a>
            </li>
            <li role="presentation" class="nav-item">
                <a href="services.html" class="nav-link text-primary active" style="color:#000000;font-size:13px;">Leistungen</a>
            </li>
            <li role="presentation" class="nav-item">
                <a href="references.html" class="nav-link text-primary" style="color:#000000;font-size:13px;">Referenzen</a>
            </li>
            <li role="presentation" class="nav-item">
                <a href="about-us.html" class="nav-link text-primary" style="color:#000000;font-size:13px;">Unser Team</a>
            </li>
            <li role="presentation" class="nav-item">
                <a href="contact-us.html" class="nav-link text-primary" style="color:#000000;font-size:13px;">Kontakt</a>
            </li>
        </ul>
    </div>
</div>
</nav>