Drop down menu 是否不可能使用引导下拉菜单nav获得指向根目录外页面的链接？_Drop Down Menu_Navbar

Drop down menu 是否不可能使用引导下拉菜单nav获得指向根目录外页面的链接？

drop-down-menu

Drop down menu 是否不可能使用引导下拉菜单nav获得指向根目录外页面的链接？,drop-down-menu,navbar,Drop Down Menu,Navbar,好的，所以几乎所有的事情对我来说都很好。当我尝试在Dreamweaver中将其用作模板并创建网页时，链接和下拉菜单也起作用。但是，只有当我创建的页面位于同一根目录中时，下拉菜单才起作用。如果我创建其他文件夹并在其中保存网页，我可以从下拉列表中访问这些页面，但一旦我到达另一个文件夹中的页面并尝试使用下拉列表从那里导航，我就无法访问这些页面。它不会再掉下来了。我必须点击另一个不在文件夹内的链接，比如主页链接。我认为这可能是一个路径问题，但我也尝试将路径设置为绝对路径，而不是相对路径，但这也不起作用。

好的，所以几乎所有的事情对我来说都很好。当我尝试在Dreamweaver中将其用作模板并创建网页时，链接和下拉菜单也起作用。但是，只有当我创建的页面位于同一根目录中时，下拉菜单才起作用。如果我创建其他文件夹并在其中保存网页，我可以从下拉列表中访问这些页面，但一旦我到达另一个文件夹中的页面并尝试使用下拉列表从那里导航，我就无法访问这些页面。它不会再掉下来了。我必须点击另一个不在文件夹内的链接，比如主页链接。我认为这可能是一个路径问题，但我也尝试将路径设置为绝对路径，而不是相对路径，但这也不起作用。我已经在谷歌上搜索了好几天，想看看是否有其他人也遇到过同样的问题，但运气不好

我有一种感觉，这将是一件如此简单和容易的事情，我没有想到或忽视，但我只是没有任何运气

下面是我在下载中使用的代码作为示例。如果有人能给我指出正确的方向，那就太好了

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <style>
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link rel="stylesheet" href="../css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="../css/main.css">

    <script src="../js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
    <script type="text/javascript">  
    $(document).ready(function () {  
        $('.dropdown-toggle').dropdown();  
    });  
</script>


      <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

    <div class="navbar navbar-inverse navbar-static-top">
        <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>
                <a class="brand" href="#">Project name</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li class="active"><a href="../index.html">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="../test2.html">In the Root</a></li>
                                <li><a href="../resources/test1.html">In Subfolder</a></li>
                                <li><a href="file:///Users/ugb484/Desktop/initializr/resources/test3.html">Absolute</a></li>
                                <li class="divider"></li>
                                <li class="nav-header">Nav header</li>
                                <li><a href="#">Separated link</a></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                    </ul>

                </div><!--/.nav-collapse -->
            </div>
        </div>
    </div>        


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js">     <\/script>')</script>

    <script src="../js/vendor/bootstrap.min.js"></script>

    <script src="../js/plugins.js"></script>
    <script src="../js/main.js"></script>

     <script type="text/javascript">  
    $(document).ready(function () {  
        $('.dropdown-toggle').dropdown();  
    });  
</script>


    <script>
        var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>


身体{
填充顶部：60px；
填充底部：40px；
}
$（文档）.ready（函数（）{
$（'.dropdown toggle'）.dropdown（）；
});  










导航标头





window.jQuery | | document.write（“”）
$（文档）.ready（函数（）{
$（'.dropdown toggle'）.dropdown（）；
});  
var_gaq=[[''u setAccount'，'UA-XXXXX-X']，[''u trackPageview']；
（函数（d，t）{var g=d.createElement（t），s=d.getElementsByTagName（t）[0]；
g、 src=（'https:'==location.protocol？'//ssl':'//www'）+'.google analytics.com/ga.js'；
s、 parentNode.insertBefore（g，s）}（文档，'script'）；