Bootstrap 4折叠跳转菜单

Question

我对Bootstrap 4菜单有问题。每次我单击“汉堡”图标，它都会折叠我的菜单，但是在转换过程中，它会跳起来，然后加载就好了。 您可以在我的示例中看到这一点：

JSFiddle

<nav class="navbar navbar-expand-md navbar-light bg-light navbar-fixed">
    <div class="container-fluid">
        <a class="navbar-brand" href="#"><img src="img/logo_1.png"></a>

Answer 1

因为您在导航栏上设置了固定高度：

.navbar {
    padding: 0;
    height: 40px;
    background-color: rgba(242, 243, 244, .9) !important;
}

单击“汉堡包”图标以展开菜单时，菜单实际上溢出了。删除固定高度将摆脱跳跃问题。

我不确定是否仅通过查看HTML就能了解您要构造的内容，因此无法向您展示演示，但看起来您遗留了许多bs3代码，即{{1 }}。尝试一下是否可以整理一下HTML代码。