Html 第二个引导导航栏在移动设备上的菜单栏和菜单内容之间有间隙

我目前第一次使用bootstrap（），我有一个页面，上面有主菜单，下面有一个辅助菜单

我已经让它大部分工作，但当在手机上查看时，按下菜单按钮，菜单栏和菜单内容之间有一个间隙，如下面的屏幕截图所示

我想消除间隙，使菜单内容直接位于导航栏下方（仍显示底部边框）

下面是我的第二个导航条的代码

<div class="navbar-wrapper" style="padding: 5px;">
        <div class="container" style="padding: 5px;">

            <nav class="navbar navbar-xs navbar-static-top" style="background-color: #E2DFE5; border: solid thin black; margin: 0;">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#portalNav" aria-expanded="false" aria-controls="navbar" style="margin-top: 0 !important;">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar" style="background-color: black;"></span>
                            <span class="icon-bar" style="background-color: black;"></span>
                            <span class="icon-bar" style="background-color: black;"></span>
                        </button>
                    </div>
                    <div id="portalNav" class="navbar-collapse collapse" style="background-color: #E2DFE5;">
                        <ul class="nav navbar-nav" style="height: 25px;">
                            <li><a href="/">Portal Dashboard</a></li>

                        </ul>

                        <ul class="nav navbar-nav navbar-right" style="margin-right: 3px;">
                            <li><a href="/administrator/logout.php">Logout</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>

切换导航

考虑样式的一般声明：

* {
   padding: 0px;
   margin: 0px;
}

这说明：对网页上的所有元素使用0填充和0边距

这可能会解决问题。此外，在调试时，临时设置

边框：纯黑1px

查看两个菜单中哪个是导致间隙的原因。
我会将这一行添加到这两种样式中，具体取决于差距的来源-已排除故障。
谢谢，我尝试了一下，但没有乐趣。我在它周围加了一个边框，显示边框就在下面的蓝色部分周围，我试着在导航栏和容器上加了边距0和填充0，但是没有，这只发生在移动设备上吗？是的，只有屏幕截图中显示的面板显示在移动设备上，在桌面上它只是一个标准的水平导航栏