Кнопка навигации не закрывает меню при повторном нажатии

Question

Я много искал, но не нашел простого решения проблемы.Когда вы нажимаете кнопку, она открывается и не закрывается снова, какие-либо предположения о том, что может отсутствовать?Заранее спасибо

<nav class="navbar navbar-expand-md sticky-top">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">
            <img src="midia/logo.jpg" alt="Tutto Piccolo">
        </a>
        <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarResponsive" >
            <span class="navbar-toggler-icon"> </span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#home">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sobre">Sobre a Tutto</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#colecao">Coleção</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#contato">Contato</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#cliente">Área do Cliente</a>
                </li>
            </ul>

        </div>

    </div>
</nav>

Answer 1

В Bootstrap Docs говорится, что

Навбары могут использовать .navbar-toggler, .navbar-collapse и .navbar-expand {-sm | -md |-lg | -xl} классы, которые изменяются, когда их содержимое сворачивается за кнопкой.В сочетании с другими утилитами вы можете легко выбирать, когда показывать или скрывать определенные элементы.

Для панелей навигации, которые никогда не сворачиваются, добавьте класс .navbar-expand на панель навигации.Для навигационных панелей, которые всегда рушатся, не добавляйте класс .navbar-expand.

Итак, измените <nav class="navbar navbar-expand-md sticky-top"> на <nav class="navbar sticky-top">

JSfiddle пример.