【发布时间】:2019-04-01 00:13:22
【问题描述】:
我手机上的导航栏打开了,但没有关闭。
<div class="carousel-inner">
<nav class="navbar navbar-expand-lg navbar-light bg-primary nawigacja">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar10">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbar10">
<ul class="navbar-nav nav-fill w-100">
<li class="nav-item">
<a class="nav-link" href="#">First tab</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#button1">2nd Tab</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#button2">3rd Tab</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#button3">4th tab</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#button4">5th Tab</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">6th Tab</a>
</li>
</ul>
</div>
</div>
在元素中我看到点击之前的代码是这样的:
<div class="navbar-collapse collapse" id="navbar10">
几秒钟后,代码变成:
navbar-collapse collapsing
下一秒:
navbar-collapse collapse show
再次点击后变为
navbar-collapse collapsing
1 秒后再次:
navbar-collapse collapse show
导航栏打开后根本不关闭。
//编辑: 我将在 codeply 上添加它。
【问题讨论】:
标签: frameworks navbar show collapse