如何将导航条切换开关与引导面板一起使用

Question

我正试图使用Creative Tim的Bootstrap Material Dashboard创建一个管理面板。

我已经设置好了所有内容，但当试图在较小的屏幕上使用它时，导航栏切换器不起作用，因此您无法导航页面。我已经包含了下面的导航栏代码，任何帮助都将不胜感激。

<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top">
<div class="container-fluid">
<div class="navbar-wrapper">
<a class="navbar-brand" href="javascript:;">Dashboard - <?=$_SESSION['name']?></a>
</div>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation" data-target="#mobileNav">
<span class="navbar-toggler-icon icon-bar"></span>
<span class="navbar-toggler-icon icon-bar"></span>
<span class="navbar-toggler-icon icon-bar"></span>
</button>
<div class="collapse navbar-collapse justify-content-end">
<button type="button" class="btn btn-default">
<a href="./logout.php">
Log out
</a>
</button>
<ul class="navbar-nav">
<!-- your navbar here -->
</ul>
</div>
</div>
</nav>

Answer 1

替换此：

<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation" data-target="#mobileNav">

有了这个：

<button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">