Bootstrap 3 - navbar下拉菜单不能用于额外的html页面

我在dreamweaver中使用bootstrap 3或更少版本创建了一个网站。Bootstrap 3 - navbar下拉菜单不能用于额外的html页面

我已经使用了navbar默认并定制它。

我也只是增加了一些额外的页面到我的网站，如about.html和blog.html

然而，这些额外的页面的下拉菜单中似乎并没有工作。它确实在主页上工作正常，代码完全相同。

我已经用< li>包装好了，只需将所有html复制并粘贴到我的新html文件中，如下所示，即可在每个页面上都有navbar。请告知如果我做错了什么，我几乎是一个完整的初学者。谢谢！

<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>

来源

2016-03-05 ck777

您是否检查了[控制台]（https://developers.google.com/web/tools/chrome-devtools/debug/console/?hl=en）以查看jQuery和BootstrapJS是否都加载了网页？ – vanburen

我应该把链接放在底部，就像我在index.html页面中做的那样？谢谢 – ck777

一下添加到您的所有网页的头部分：

<!-- 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>

有时引导本地文件不工作 - 这样做会让你知道，如果你要重新下载。这是以前发生在我身上的事情。

此外，您的HTML非常混乱，很难真正查看。尝试清理一下，并确保您遵循W3 standards，以便您可以按照您的代码和其他人可以阅读它。

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

来源

2016-03-05 04:15:48

嘿，谢谢你，我会去的。这就说得通了。我没有在其他html文件中加入任何链接，我会这样做。我有dropdown.js，它在我的节点文件夹中。在主页上正常工作，只是不是手动添加的额外页面 – ck777

您的意思是我的代码很糟糕，因为写得不好或者布局糟糕？如果是后者，它将是我在这里复制并粘贴的方式。如果写得不好，我怎么写得更好？请指教。一直在使用W3学校 – ck777

我现在正在工作，我没有在HTML文件中添加引导程序和jQuery链接以获取额外的页面。谢谢！ – ck777

Bootstrap 3 - navbar下拉菜单不能用于额外的html页面

回答

相关问题