Bootstrap navbar странная проблема на мобильном телефоне

у меня есть веб-сайт, который использует bootstrap 2.1.1 и панель навигации на мобильном устройстве как ошибку. Когда я нажимаю на раскрывающийся значок, панель навигации открывается очень быстро и после этого закрывается. Когда я повторно нажимаю, он открывается нормально, но если я нажимаю раскрывающийся список Produits, который находится внутри исходного, он открывается нормально, но когда я нажимаю ссылку внутри этого раскрывающегося списка, кажется, что я нажимаю ссылку внутри фона, где была другая ссылка прежде чем я выпадающее меню. Код навигационной панели выглядит следующим образом:

<div class="row">
<div class="col-md-12">
    <div class="navbar navbar-inverse">
        <div class="container-fluid">
       
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            
            <div class="collapse navbar-collapse" id=navbar-1>
                <ul class="nav navbar-nav">
                    <li id="home-lnk"><a href="/">Accueil</a></li>
                    <li id="produits-lnk" role="presentation" class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" role="button" aria-haspopup="true" aria-expanded="false">
                            Produits <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li id="system-lnk"><a href="/systeme">Système de gestion automatisé</a></li>
                            <li id="releasers-lnk"><a href="/relacheurs">Relâcheurs / Trappe à humidité / Panier Balle</a></li>
                            <li id="vacuum-lnk"><a href="/pompes_vacuum">Pompes Vacuum</a></li>
                            <li id="modulation-lnk"><a href="/controleur_modulation">Contrôleurs de modulation pour pompe vacuum</a></li>
                        </ul>
                    </li>
                    <li id="team-lnk"><a href="/equipe">Équipe</a></li>
                    <li id="contact-lnk"><a href="/contact">Contact</a></li>
                    <!--<li id="ditributors-lnk"><a href="/distributeurs">Distributeurs</a></li>-->
                    <li id="catalog-lnk"><a target="_blank" href="/files/Catalogue_ErabliTEK_2019.pdf">Catalogue (PDF)</a></li>
                </ul>
                <ul class="nav navbar-nav pull-right">
                    <li><a href="http://admin.erablitek.com">Connexion</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>