Testing 导航栏没有'；t在触摸屏移动设备上扩展

我遵循了大量教程，用Bootstrap3创建了一个响应迅速的网站。但是，当我在移动设备上本地测试我的站点时，Href链接似乎不起作用。导航栏会切换，但触摸时不会展开，手风琴链接和模式链接也不会。唯一有效的链接是到facebook的链接。我的问题是，该网站需要在服务器上运行，还是我在这里做错了什么

让我们从切换导航栏开始。导航栏在桌面上工作，我可以调整浏览器的大小，并按预期进行切换，但在移动设备触摸屏上进行本地测试时，它会切换，但在触摸切换图标时不会展开。我已经在我的手机上测试过了，通过复制它，但是toggle元素没有扩展菜单。任何帮助都将不胜感激

<div class="jumbotron" id="jumbotron-nav">
    <div class="container">
        <nav class = "navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container-fluid">

                <div class="navbar-header">
                    <button type= "button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarpage">
                        <span class="sr-only">Toggle Navigation</span>
                            <span class="icon-bar"></span>
                        <span class="icon-bar"></span>  
                        <span class="icon-bar"></span>
                    </button>

                    <a class="navbar-brand" href="#">Archways</a>

                </div>

                <div class = "collapse navbar-collapse" id="navbarpage">

                    <ul class = "nav navbar-nav navbar-right">

                        <li><a href = "#Aboutus" data-toggle="collapse" data-target="#navbarpage">About us</a></li>
                        <li><a href = "#Roomhire" data-toggle="collapse" data-target="#navbarpage">Room Hire</a></li>
                        <li><a href = "#Treatment" data-toggle="collapse" data-target="#navbarpage">Treatment</a></li>  
                        <li><a href = "#Meettheteam" data-toggle="collapse" data-target="#navbarpage">Meet the team</a></li>
                        <li><a href = "#" data-toggle="modal" data-target="#contactus">Contact us</a></li>
                        <li><a href = "#Findus" data-toggle="collapse" data-target="#navbarpage">Find us</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>

切换导航

---

你在用AngularJS吗

“带角度ui引导的响应式下拉导航栏（以正确的角度方式完成）”