【问题标题】:Navbar in Bootstrap it opens, but it does not close on mobileBootstrap中的导航栏打开,但在移动设备上没有关闭
【发布时间】: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


    【解决方案1】:

    我设法修复它。 对于遇到同样问题的其他人,我会告诉你我必须从该部分中删除以下内容:

        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-08-26
      • 2019-10-06
      • 2016-06-16
      • 2014-03-27
      • 2016-11-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多