bootstrap 4响应式导航汉堡按钮未关闭

时间:2020-11-01 12:19:56

标签: javascript twitter-bootstrap bootstrap-4

因此我的汉堡包按钮在页面内部打开后没有关闭 这是我的导航代码

<nav class="navbar navbar-expand-lg navbar-light">

    <button class="navbar-toggler navbar-toggle" type="button" data-toggle="collapse" 
        data- target="#navbarTogglerDemo03"
        aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <a class="navbar-brand" href="/"rel=""title="brand logo">//some image</a>
    
    <div class="collapse navbar-collapse" id="navbarTogglerDemo03">

        <ul class="navbar-nav">

            <li class="nav-item active p-2">
                <a class="nav-link" href="/" rel="" title="Home">home</a>
            </li>

        </ul>

    </div>

</nav>

我在其他页面中几乎具有相同的代码,并且看起来工作得很好

1 个答案:

答案 0 :(得分:-1)

我认为您可以使用JavaScript在突然的时间或发生任何操作时关闭此div。

$("#employeeRegister").hide();
$("#employeeRegister").show();

<button type="submit" class="btn btn-success btn-rounded waves-effect waves-light employeeRegister" id="employeeRegister">Save Changes</button>