Bootstrap 3 - 导航栏下拉菜单在额外的 html 页面上不起作用

Question

我使用 bootstrap 3 及以下版本在 Dreamweaver 中制作了一个网站。

我已经使用默认导航栏并对其进行了自定义。

我刚刚向我的站点添加了一些额外的页面，例如 about.html 和 blog.html

但是，在这些额外的页面上，下拉菜单似乎不起作用。它在主页上工作正常，代码完全相同。

我已经用

包装好，只需将所有 html 复制并粘贴到我的新 html 文件中，如下所示，以便在每个页面上都有导航栏。有没有做错的地方请指教，我差不多是个完整的beginner.Thanks!

<div class="header clearfix">
    <nav class="text-center">
        <ul class="nav nav-pills">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"   role="button" aria-haspopup="true" aria-expanded="false">Our Services <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">jhdhalbalb</a></li>
                    <li><a href="#">hdjdjjdj</a></li>
                    <li><a href="#">bdjdshbd</a></li>
                </ul>
            </li>
            <li role="presentation"><a href="About us.html">About us</a></li>
            <li role="presentation"><a href="Blog.html">Blog</a></li>
            <li role="presentation"><a href="#">Contact</a></li> 
        </ul>
    </nav>
</div>

Answer 1

将此添加到所有页面的头部：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

有时 bootstrap 本地文件不起作用 - 这样做会让您知道是否应该重新下载它们。这是我以前发生的事情。

还有你的HTML很乱，很难看清楚。尝试稍微清理一下并确保您正在关注 W3 standards 以便您可以关注您的代码并且其他人可以阅读它。

您还应该阅读以下内容：http://getbootstrap.com/javascript/#dropdowns Bootstrap 下拉菜单需要额外的 .js 插件。

Bootstrap 3 - 导航栏下拉菜单在额外的 html 页面上不起作用

Bootstrap 3 - navbar dropdown not working on extra html pages

html

less

navbar

twitter-bootstrap