Twitter bootstrap 引导-响应导航栏在索引页面上工作，但在其他页面上不工作

我的问题在书名里几乎是这么说的。响应nav在索引页面上运行良好，但在其他页面上则不行。它仍然会折叠，但单击下拉图标时不会发生任何事情

我的导航代码是：

        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="navbar_link navitem1"><a href="index.html"><strong>HOME</strong></a></li>
                            <li class="divider-vertical navitem2"></li>
                            <li class="navbar_link navitem3"><a href="gallery.html"><strong>GALLERY</strong></a></li>
                            <li class="divider-vertical navitem4"></li>
                            <li class="navbar_link navitem5"><a href="aboutus.html"><strong>ABOUT US</strong></a></li>
                            <li class="divider-vertical navitem6"></li>
                            <li class="navbar_link navitem7"><a href="contact.html"><strong>CONTACT</strong></a></li>
                        </ul>
                    </div>
                </div>
            </div>
    </div>

---

非常感谢您的帮助。

您确定包含了必要的JavaScript吗？jQuery和引导库都是它工作所必需的。我按原样粘贴了你的代码，效果很好。